HTML & CSS · Middle · Question 3 of 75
What does the shorthand flex: 1 expand to?
- ✓Correct answer:
flex-grow: 1; flex-shrink: 1; flex-basis: 0% - 2
flex-grow: 1; flex-shrink: 0; flex-basis: auto - 3
flex-grow: 1; flex-shrink: 1; flex-basis: auto
Explanation
flex: 1 = 1 1 0%: the base size is zero, so all space is split strictly in proportion to flex-grow - columns end up equal regardless of content. flex: auto = 1 1 auto - only the free space beyond content size is shared. flex: none = 0 0 auto.