Web: CSS Flexbox
Flexbox solved decades of CSS layout headaches — centering things, distributing space, and building responsive rows and columns without hacks. This quiz tests whether you know the properties that actually control flex behavior.
Questions cover enabling flex with display: flex, the main and cross axes, justify-content and align-items, flex-grow and flex-basis, and the flex-wrap and order properties.
Know the difference between justify-content and align-items without hesitating? This quiz confirms it.
Start quiz →
Opens in a new tab on Cletica
Sample questions3 of 14 shown
Q1
What CSS property is used to enable Flexbox on a container?
Q2
What is the default direction of flex items in a flex container?
Q3
Which properties control the alignment of flex items? (Select all that apply)
What This Quiz Covers
- Enabling Flexbox with display: flex
- justify-content and align-items
- flex-grow, flex-shrink, and flex-basis
- flex-wrap and the wrapping behavior
- Reordering items without changing HTML
- The gap property in Flexbox
Cletica
Want to create your own quiz?
Build surveys and quizzes, share with anyone, collect responses — free to start.
Try Cletica for free →