CSS Flexbox

Question 1

Flex grow: 0 vs. 1. What’s the difference?

Answer 1

0 means an element should not grow beyond its default size; 1 means it should grow to fit available space. Two items with flex-grow: 1 will grow at an equal rate.

Question 2

Flex shrink 0 vs 1: what’s the difference?

Answer 2

0 means an element should not shrink at all beyond it’s default size; 1 means it should shrink at a rate equal to other items with flex-shrink: 1.

Question 3

What is default for flex-direction?

Answer 3

row