CSS Flex Grow, Shrink and Basis — a practical guide to CSS flex-grow shrink basis with clear examples you can reuse in real projects.
CSS Tutorial Series (65/109). Prefer one article? Read the complete CSS tutorial.
Short description
`flex: 1` is a common pattern for equal flexible children.
Flex shorthand
.col { flex: 1 1 0; }
.sidebar { flex: 0 0 16rem; }