Menu icon Foundation
Outer container for 12 column layout.

Hi. I'll try to be as descriptive as I can with my problem.

I have 12 column layout (1000 px wide) and I would like to add another wrapper container around these 12 columns with 50px padding and white background. The reason for that is to place this outer (wider) div slightly above the orbit caroulse (overlap) and create the design I desire.

I created a regular div with padding but it is not responsive and it breaks the whole layout. I am attaching a mock up file below so if any Foundation expert can help me, I would really appreciate that.

https://postimg.org/image/u90r2caqf/

Thanks...

layoutfoundation6columnsdivs

Hi. I'll try to be as descriptive as I can with my problem.

I have 12 column layout (1000 px wide) and I would like to add another wrapper container around these 12 columns with 50px padding and white background. The reason for that is to place this outer (wider) div slightly above the orbit caroulse (overlap) and create the design I desire.

I created a regular div with padding but it is not responsive and it breaks the whole layout. I am attaching a mock up file below so if any Foundation expert can help me, I would really appreciate that.

https://postimg.org/image/u90r2caqf/

Thanks...

This post has been closed. No new replies can be added.

Rafi Benkual about 3 years ago

Not sure what you're code looks like but you'll need a max-width on your wrapper. Something like http://codepen.io/rafibomb/pen/XKVRaL

Yucel about 3 years ago

Hello Rafi,

 

With max-width it worked. Thanks.