Css flexbox

How can you align items along the cross-axis in a Flexbox container?

• align-items: center;

• justify-items: center;

• vertical-align: center;

• align-content: center;

What property is used to create space between Flexbox items along the main axis?

• margin

• padding

• gap

• space-between

How do you make a Flexbox container wrap its items to the next line if they don't fit in the current row?

• flex-wrap: wrap;

• wrap-items: true;

• flex-direction: column;

• flex-flow: row wrap;

What does the justify-content property control in a Flexbox container?

• Cross-axis alignment of items.

• Main-axis alignment of items.

• Spacing between items.

• Item ordering.

How can you make an individual Flexbox item take up all available space along the main axis?

• flex: 1;

• grow: 1;

• flex-grow: 1;

• size: fill;

Which property is used to align a single Flexbox item within the container?

• align-self

• item-align

• self-align

• flex-align

In Flexbox, what does the order property control?

• The order of the container in the document flow.

• The order of Flexbox items within the container.

• The order of Flexbox lines within a multi-line container.

• The order of the items along the cross-axis.

What is the default value of the flex-direction property in a Flexbox container?

• row

• column

• row-reverse

• column-reverse

What is the purpose of the flex-shrink property in Flexbox?

• It determines the initial size of a flex container.

• It controls the ability of a flex item to shrink if necessary.

• It sets the minimum size of a flex container.

• It defines the maximum size of a flex item.

How can you center both horizontally and vertically in a Flexbox container?

• align-items: center; justify-content: center;

• center: true;

• flex-align: center; flex-justify: center;

• position: center;