I’m trying to design a full width project grid that in theory should be super simple. A 3 image across masonry grid that extends down the page loading dynamic projects from a dynamic collection.
My issue is that in both Firefox and Chrome the layout breaks, and in Safari once extended to a screen resolution larger than 1920 the layout breaks again.
I have had some advice to set a height class on the images to stop the breaking, however I’m unsure how to do this without distorting the images as the browser is resized.
Any help would be amazing