Font size
WorksheetsCSS Flexbox
Total questions: 10
Worksheet time: 7mins
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
Which property will align a flexbox item differently from all others within the same flexbox container?
self-align
override-align
align-self
justify-self
Which can make flex items evenly distributed in a flex container with a horizontal flow of flex items?
* No extra space before the first item and after the last one
justify-content: center
justify-content: space-around
justify-content: space-between
justify-content: stretch
The css property "order" for flex items allows you to
specify in what direction the flex items appear
specify in what order the flex items appear
specify at what time flex items appear
none of the above
The width of #child-1 is (a) and of #child-2 is (b)
In this flexbox, the flex-direction is:
(a)
In this flexbox, the flex-wrap is
(a)
