I’ve been trying to figure out how to create a grid / image gallery whereby every row or image in a row is the same height but has different widths? The whole grid or the box images need to be fluid and responsive. Pretty much every solution i’ve found is where an image grid is made up of images which are all equal squares which is not what i’m looking for.
This link to an image better illustrates what i mean-
Is this even possible to achieve? i’ve tried masonry, bootstrap and what must be a few dozen different attempts using html and css. I cannot for the life of me get the images to resize equally together. Any pointers or suggestions would be hugely appreciated.