Grid System Builder

Build flexible grid systems visually

Live preview

CSS Output

.container {
  max-width: 1200px;
  margin-inline: auto;
  padding-inline: 32px;
}
.grid {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: 24px;
}