Hi this is probably easier to explain with an image. I'm using foundation 6 to make a layout with a banner. The layout looks like this:
The issue I have is that I don't know how to do a pure CSS solution to get box 1, 2, 3 etc a third (with margins) of the responsive image. I can do it no problem with a few lines of jquery but I can't help but think this isn't really the best / fastest solution.
Like I said i'm using foundation 6 so happy to use flexbox to get it sorted if that's a way of doing it but so far my experimentation has failed.
I can post the code I have so far but I don't think it's particularly helpful since getting a layout like this easy it's just the height on the grey boxes doesn't extend the full height.
Thanks for any help