Font size
WorksheetsCSS flexbox quiz
Total questions: 10
Worksheet time: 6mins
What css rule creates a flexbox container?
flex: box
display: flexbox
flex: container
display: flex
What are the two options for flex-direction?
row
vertical
column
horizontal
Which css value forces flex items onto a new line once the width of the container has been filled?
newline
wrap
continue
float
Which flexbox properties aligns items on the same axis as the flex-direction?
justify-content
align-items
align-content
justify-items
What is a possible value for justify-content?
(a)
What is the default orientation/flex-direction for flexbox?
column
row
north
south
In this code snippet, where will all the flex item divs be placed?
At the left of the containing div
Centered within the div
At the top of the div
Before the div
What is one benefit of using flexbox?
Which properties does flexbox share with CSS grid?
row/column gap
justify-content
row/column start/end
none
Which property will align a flexbox item differently from all others within the same flexbox container?
self-align
override-align
align-self
justify-self
