Menu icon Foundation
Split screen layout, the foundation way.

Hello,

I am hoping someone can point me in the right direction for recreating this type of layout in foundation 6 utilizing the flex grid:

 

https://codepen.io/rhyanv/pen/bZabAr

I can create this split screen layout a couple of different ways, but I'd like to figure out the correct approach for building it from foundation components and classes/sass mixins. Most of my attempts have ended in frustration or what seems like insane nesting and several extra divs and sass overrides. :(

 

Thanks in advance for your time and input.

Split screen layout using foundation 6 flex grid

Hello,

I am hoping someone can point me in the right direction for recreating this type of layout in foundation 6 utilizing the flex grid:

 

https://codepen.io/rhyanv/pen/bZabAr

I can create this split screen layout a couple of different ways, but I'd like to figure out the correct approach for building it from foundation components and classes/sass mixins. Most of my attempts have ended in frustration or what seems like insane nesting and several extra divs and sass overrides. :(

 

Thanks in advance for your time and input.