CSS flexbox quiz

What css rule creates a flexbox container?

• flex: box

• display: flexbox

• flex: container

• display: flex

Tags

flexbox

flex container

What are the two options for flex-direction?

• row

• vertical

• column

• horizontal

Tags

flexbox

flex-direction

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

Tags

flexbox

content alignment

What is a possible value for justify-content?

Tags

flexbox

justify-content

What is the default orientation/flex-direction for flexbox?

• column

• row

• north

• south

Tags

flexbox

flex-direction

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

Tags

flexbox

align-items

What is one benefit of using flexbox?

Evaluate responses using AI:

OFF

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