Images overflowing a flexbox?

[RomanP]

I’ve searched 30 minutes for a solution and I cannot crack this simple problem.
I have a fixed-width flexbox, and I need (n) images to fit proportionally inside one row. No matter what I try the images overflow. Is this possible with flexbox?
https://codepen.io/romanp/pen/ZoZZQP

[Paulie_D]

Images do not react well as flex-children

Try wrapping then in individual divs.

I’m not sure what effect you are after but….

https://codepen.io/Paulie-D/pen/deLEYd

[RomanP]

Thank you, it looks like wrapping the in a

<

div> solves the issue completely. What is it about the element that makes it behave so differently within flex?

[RomanP]

Thank you, it looks like wrapping the IMG in a DIVsolves the issue completely. What is it about the IMG element that makes it behave so differently within flex?

[Paulie_D]

https://stackoverflow.com/questions/28568779/why-do-flexbox-item-images-resize-differently-according-to-their-initial-size

[Author]

Posts