Grid
.grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 1rem;
}
🎨 CSS·CSS Grid
CSS Grid
Two-dimensional layouts.
Challenge 1 / 20 XP
What does `1fr` mean?
Practical task
Create a 3-column grid on `.grid`.
Two-dimensional layouts.
.grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 1rem;
}
Create a 3-column grid on `.grid`.