>_
SWE Maxx
Questions
Quizzes
Daily challenge
System design
My attempts
Sign in
☀
☾
Light mode
Dark mode
Loading question…
Sign in
Match the descriptions to these flex layout terms: flex-direction, justify-content, align-items, flex-wrap. | SWE Maxx
← Question bank
CSS and layout · Matching
Difficulty: Medium
Match the descriptions to these flex layout terms: flex-direction, justify-content, align-items, flex-wrap.
Flex layout
Concept relationships
Choose a match for every item. Use each answer once.
Flex direction establishes whether flex items are laid out along a row or column axis.
Choose a match
flex-direction
flex-wrap
justify-content
align-items
Justification positions flex items or groups along the container's main axis.
Choose a match
flex-direction
flex-wrap
justify-content
align-items
Wrapping avoids forcing all items onto a single line when their sizing requires more space.
Choose a match
flex-direction
flex-wrap
justify-content
align-items
Cross-axis alignment controls how items sit relative to the axis perpendicular to the main direction.
Choose a match
flex-direction
flex-wrap
justify-content
align-items
Check answer
More in CSS and layout →