I’d like to pull dynamic images from a collection and lay them out in a grid with varying widths.
Here’s a mock up of what I have in mind:
So, if we’re using a 3 column grid, you can see that some items are 2:1, 1:1 and even 3:1. In my tests, I can’t figure out a way to specify — on a per item basis — the grid ratio they should display at. It seems to be one size fits all.
What is the best way to go about laying out dynamic content like this?