Layout MCQ
15 Questions
Time: ~25 mins
Intermediate
CSS Layout — MCQ Test
Practice flex/grid alignment, gap, wrapping, minmax, and sticky regions.
Easy: 5 Q
Medium: 6 Q
Hard: 4 Q
Flex + Grid
Flex for one-dimensional alignment; Grid for two-dimensional templates—often combined in real pages.
minmax(0, 1fr)
Helps grid/flex children shrink without overflow from long content.
Holy grail
Grid areas for header, sidebar, main, footer—or flex with flex-grow on main.