Card One
This card has a preferred width of 180 pixels.
Flexbox Playground — Interactive Demo
Drag the corner of the dashed box below to resize it. Watch two things: the cards wrap onto a new row once they run out of space, and the green card (flex: 1) grows to fill whatever room is left over.
Card Two
This card grows into the available space with flex: 1.
Card Three
This card can wrap to a new line on a smaller screen.
Card Four
This card is another child of the same flex container.