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

[Dagny]

The images have different sizes. If you want them the same size you gotta crop them if you want to retain the aspect ration. If not, you have to set their width & height:

img{
    width: 190px;
    height: 100px;
}

[Author]

Posts