Pinterest Style Grid

This represents a pinterest-style grid where the columns are evenly spaced, but each image can be an arbitrary height. This depends on the images being cropped to different heights for it to vary. For this demo, we are selecting a random height for the images, to show the effect, but clearly the cropping is also random. The only way to see this as a finished product is to upload pre-cropped images to each blog post, so it’s not easy to visualize this without a lot of work. What’s interesting is if you don’t crop anything, this grid will become the same as the 3:2 Aspect Grid on the other page (all images will be the same height). So what’s cool about this is you can start with a 3:2 but break out with a vertical crop for a few images / etc.