MRRPortfolioBeranda

CSS Grid Generator

Visual Grid Builder

Template Presets
1
2
3
4
5
6
7
8
9
CSS
.grid-container {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: repeat(3, auto);
  column-gap: 16px;
  row-gap: 16px;
}
Tailwind
<div class="grid grid-cols-3 gap-4">