CSS Grid is a 2-dimensional layout system for organizing content simultaneously into rows and columns.
1. Basic Grid Structure
⊞Code Example
.card-grid {
display: grid;
grid-template-columns: 1fr 1fr 1fr; /* 3 Equal Columns */
gap: 20px;
}
Unit 3: Positioning, Layers & FlexboxLesson #18 / 30
CSS Grid Fundamentals (`grid-template-columns`, `fr` Units)