Mastering CSS Flexbox Concepts

Which property is used to define a flex container in CSS?

• display: block;

• display: flex;

• display: inline;

• display: grid;

What does the `flex-direction` property control in a flex container?

• The alignment of items along the cross axis

• The order of flex items

• The direction of the main axis

• The spacing between flex items

How can you align flex items to the center along the main axis(x-axis)?

• align-items: center;

• justify-content: center;

• align-content: center;

• flex-wrap: center;

Which property would you use to change the order of a specific flex item?

• `flex-grow`

• `flex-shrink`

• `order`

• `flex-basis`

What is the default value of the `flex-direction` property?

• column

• row

• row-reverse

• column-reverse

Which property is used to allow flex items to wrap onto multiple lines?

• flex-wrap

• flex-flow

• align-items

• justify-content

How can you make a flex item grow to fill the available space in a flex container?

• flex-grow: 0;

• flex-grow: 1;

• flex-shrink: 1;

• flex-basis: auto;

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

• `justify-content`

• `align-items`

• `flex-direction`

• `flex-wrap`

How can you reverse the order of flex items in a row?

• `flex-direction: column-reverse;`

• `flex-direction: row-reverse;`

• `order: reverse;`

• `align-items: reverse;`

Which property would you use to distribute space between flex items evenly?

• `align-content: space-between;`

• `justify-content: space-between;`

• `align-items: space-between;`

• `flex-wrap: space-between;`