Relative Content

Tag Archive for htmlcssflexbox

Why don’t flex items shrink past content size?

I have 4 flexbox columns and everything works fine, but when I add some text to a column and set it to a big font size, it is making the column wider than it should be due to the flex property.

Flexbox width calculation when wrapping children

I have a flexbox with a varying amount of children. All children have the same size (i.e., 96px). The flexbox has wrapping enabled.
When all children fit in the same row, the flexbox’s reported width is less than what the parent offers (intended behaviour). However, as soon as wrapping happens, the flexbox always fills the entire parent.