📐 Grid & Layout Builder

Crie layouts CSS Grid e Flexbox com controle de espaçamentos, análise de responsividade e geração de código.

Presets rápidos

Modo de layout

CSS Grid

Template customizado

Colunas3

112

Linhas1

Espaçamentos

Gap horizontal (column-gap)16px

0px64px

Gap vertical (row-gap)16px

0px64px

Padding do container0px

0px64px

Margem lateral (inline)0px

0px120px

Margem superior (top)0px

0px120px

Margem inferior (bottom)0px

0px120px

Largura do conteúdo

Preview

Número de itens6

124

Preview do Layout

repeat(3, 1fr)gap: 16×16max: 1280px

10%

15%

20%

25%

30%

35%

40%

45%

50%

55%

60%

65%

70%

75%

80%

85%

90%

95%

max-width: 1280px