Reply To: Flexbox isn't work in chrome

[robkwood]

Ahh I see. So just to make sure I’m understanding what you’re looking for – you want pictures 1 and 2 to be cut off on smaller screens, while the third picture remains the same size?

To ensure you get that behaviour across browsers, you could give pictures 1 and 2 a ‘max-width’ property. For example, you might try max-width: 20%; height auto to ensure they shrink with screen size.

For what it’s worth though, if you want a gallery of responsive images I’d be inclined to set flex-wrap on the .boxes container, and maybe change flex-direction to column on smaller screens :)