Flex CSS Quiz

What is the purpose of flex grid in CSS?

• To add interactivity to a webpage

• To create flexible and responsive layouts

• To style text and images

• To animate elements on a webpage

How do you define a flex container in CSS?

• A flex container is defined by setting the float property of an element to 'flex' or 'inline-flex'.

• A flex container is defined by setting the position property of an element to 'flex' or 'inline-flex'.

• A flex container is defined by setting the align-items property of an element to 'flex' or 'inline-flex'.

• A flex container is defined by setting the display property of an element to 'flex' or 'inline-flex'.

What are the main properties used to control the flex container?

• display, flex-wrap, justify-content, align-items, align-content, flex-flow

• flex-direction, flex-wrap, justify-content, align-items

• display, flex-direction, flex-wrap, justify-content, align-items, align-content

• display, flex-direction, flex-wrap, align-content

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

• row

• column-reverse

• row-reverse

• column

How do you specify the order of flex items?

• Using the 'flex-direction' property

• Using the 'order' property

• Using the 'align-items' property

• Using the 'justify-content' property

What is the purpose of the flex-wrap property?

• To control the spacing between flex items.

• To change the order of flex items.

• To align flex items vertically.

• To control whether flex items are forced onto a single line or can be wrapped onto multiple lines.

How do you align flex items horizontally?

• justify-content property

• align-content property

• flex-direction property

• align-items property

What is the purpose of the justify-content property?

• To align flex items along the main axis of a flex container.

• To add space between flex items in a flex container.

• To set the width of flex items in a flex container.

• To align flex items along the cross axis of a flex container.

How do you align flex items vertically?

• align-items

• align-self

• flex-direction

• justify-content

What is the purpose of the align-items property?

• To vertically align the items within a flex container.

• To change the font size of the flex container items.

• To set the width of the flex container.

• To horizontally align the items within a flex container.