2 column grid, multiple rows in one. How do I make them equal in height?
13:56 11 Sep 2013

I'd like to put 3 images next to one image in a responsive row layout but I can't figure out how to make the contents of this row to be equal in height. I can make the images any dimension if it's as simple as "The large image should be 900x1200px, the 3 small ones should be 300x500px" I am also using foundation4 for this as well. The images could be cropped or stretched a little too.

JSFiddle

multiple-columns zurb-foundation