Mastering CSS Flexbox Concepts

Front

Which property is used to define a flex container in CSS? Options: display: block;, display: flex;, display: inline;, display: grid;

Back

display: flex;

Front

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

Back

The direction of the main axis

Front

How can you align flex items to the center along the main axis(x-axis)? Options: align-items: center;, justify-content: center;, align-content: center;, flex-wrap: center;

Back

justify-content: center;

Front

Which property would you use to change the order of a specific flex item? Options: `flex-grow`, `flex-shrink`, `order`, `flex-basis`

Back

`order`

Front

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

Back

row

Front

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

Back

flex-wrap

Front

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

Back

flex-grow: 1;

Front

Which property is used to align flex items along the cross axis? Options: `justify-content`, `align-items`, `flex-direction`, `flex-wrap`

Back

`align-items`

Front

How can you reverse the order of flex items in a row? Options: `flex-direction: column-reverse;`, `flex-direction: row-reverse;`, `order: reverse;`, `align-items: reverse;`

Back

`flex-direction: row-reverse;`

Front

Which property would you use to distribute space between flex items evenly? Options: `align-content: space-between;`, `justify-content: space-between;`, `align-items: space-between;`, `flex-wrap: space-between;`

Back

`justify-content: space-between;`