5. FLEXBOX

1. What is the main purpose of Flexbox?

• • Two-dimensional layout

• • One-dimensional layout

• • Both one- and two-dimensional layout

1. In Flexbox, what is the "container"?

• • Any HTML element

• • The parent element

• • The grandparent element

1. What are "items" in Flexbox?

• • Only direct child elements

• • Direct child elements of the container

• • Any descendant element

1. The main-axis in Flexbox determines:

• • The height of elements

• • The flow of items

• • The width of items

1. The cross-axis is:

• • The same as the main-axis

• • Perpendicular to the main-axis

• • Diagonal to the main-axis

1. By default, what is the value of flex-direction?

• • row

• • column

• • row-reverse

1. What does flex-wrap: nowrap mean?

• • Items wrap onto a new line

• • Items reverse their order

• Items stay on a single line

1. The justify-content property aligns items:

• • On the cross-axis

• • On the main-axis

• • Both axes

1. The align-items property aligns items on the:

• • Main-axis

• • Cross-axis

• • Both axes

1. The align-content property is used for:

• • Aligning items over multiple lines

• • Aligning items in a single line

• • Reversing the main-axis