Web: CSS Grid
CSS Grid handles two-dimensional layouts that Flexbox was never designed for — full page layouts, complex dashboards, and precise column and row control. This quiz tests the properties that define a grid.
Questions cover creating a grid container, defining tracks with grid-template-columns, spanning items across columns, the fr unit and minmax(), and aligning items within the grid.
If grid-template-columns and repeat() feel like second nature, this quiz will confirm it.
Start quiz →
Opens in a new tab on Cletica
What This Quiz Covers
- Creating a grid with display: grid
- Defining tracks with grid-template-columns/rows
- The fr unit and minmax() function
- Spanning items with grid-column and grid-row
- Aligning items within a grid container
- grid-auto-flow and implicit tracks
Sample questions3 of 12 shown
Q1
What CSS property is used to create a grid container?
Q2
How many columns does this grid have? `grid-template-columns: 1fr 2fr 1fr;`
Q3
What does the gap property do in CSS Grid?
Cletica
Want to create your own quiz?
Build surveys and quizzes, share with anyone, collect responses — free to start.
Try Cletica for free →