css flexbox

Question 1

What does display : flex

Answer 1

it makes elements into the same row

Question 2

row-reverse

Answer 2

reverses the order of elements

Question 3

align-items

Answer 3

flex-start: aligns items to the start of the flex container. For rows, this aligns items to the top of the container. For columns, this aligns items to the left of the container.

flex-end: aligns items to the end of the flex container. For rows, this aligns items to the bottom of the container. For columns, this aligns items to the right of the container.

center: align items to the center. For rows, this vertically aligns items (equal space above and below the items). For columns, this horizontally aligns them (equal space to the left and right of the items).
stretch: stretch the items to fill the flex container. For example, rows items are stretched to fill the flex container top-to-bottom. This is the default value if no align-items value is specified.
baseline: align items to their baselines. Baseline is a text concept, think of it as the line that the letters sit on.

Question 4

flex-shrink:

Answer 4

shrinks the width of the specified element

Question 5

flex-grow:

Answer 5

makes the specified element grow its width.