CSS Grid
Grid mengatur layout dua dimensi (rows DAN columns).
Container
display: gridgrid-template-columnsgrid-template-rowsgap
Item
grid-column: span 2— span 2 kolomgrid-row: span 2— span 2 baris
Grid mengatur layout dua dimensi (rows DAN columns).
display: gridgrid-template-columnsgrid-template-rowsgapgrid-column: span 2 — span 2 kolomgrid-row: span 2 — span 2 baris.gc {
display:grid;
grid-template-columns:repeat(3,1fr);
gap:12px;
padding:16px;
background:#F1F5F9;
border-radius:12px;
}
.gi {
padding:20px;
border-radius:8px;
color:white;
text-align:center;
font-weight:bold;
}