How to make flex items shrink even with flwx-wrap: wrap?

Question

css

I have a layout with 6 flex items in 2 rows with 3 items each. Logically, flex-wrap:wrap is used.



But when adaptive, the elements should shrink! and with flex-wrap:wrap they will of course wrap to another line.

Answer 1

For elements, set the property: A couple of useful links on Flex-box: What is Flexbox? Description of all css properties, basically... Good Flexbox video guide And remove the sass tag. He's redundant here. flex: 0 1 33.333%