Lesson 18 - CSS Flexbox (C13)

What is CSS Flexbox primarily used for?

• Providing a flexible layout for distributing and aligning elements

• Styling text and fonts

• Creating 3D animations

• Adding interactive behaviors to web pages

Which block to use in order to make an element a flex container in CSS?

• 
• 
• 
• 

What property is used to set the direction of flex items inside a flex container?

• "flex-flow"

• "flex-wrap"

• "flex-align"

• "flex-direction"

Which CSS property is used to align flex items along the main axis?

• "align-items"

• "justify-content"

• "align-content"

• "justify-items"

In a flex layout, which axis runs from the "main-start" to the "main-end"?

• Main axis

• Cross axis

• x axis

• y axis

What does the "cross axis" in a flex layout represent?

• The axis perpendicular to the main axis

• The axis that runs from left to right

• The axis of the first flex item

• The axis that runs from top to bottom

Which property is used to align flex items along the cross axis?

• "align-items"

• "justify-content"

• "align-content"

• "flex-direction"