FLEXBOX help: how to make images fit the container equally?

Hello!
I have created a flexbox image gallery, not all my images are the same size, as I got them from online.
Is there anyway to make them all the same exact size and scale proportionally to the container?

If you look close you can see that all the images are slightly off, and the 4th one being the shortest, so this makes it look bad.

Would love some help!
Thank you!!!

https://codepen.io/ainneo/pen/KeRaQj

Try setting height for all of them. In your CSS inside of img try it out, idk whats their default height. But i was in simmilar situation when trying out hover over and hover out with pictures so i found out that setting height and width for all of them is the best way.

1 Like

thanks that fixed the issue!!!