How can I make all images inside a div flex container match the size of the smallest image in the container?
I have a flex container with 4 images, 3 of which are the same size (200×134). However, there is one image that is larger (401×267). I want the larger image to contain itself and adjust its size to match the others. What CSS can be used to accomplish this? Do I need to use a different value for display rather than ‘display: flex;’ to accomplish this? I would like a solution where any images inside the container will always fix itself to match the size of the smallest image in the container. See below code for the scenario described where largerImage.jpg is the image that is bigger than the rest.