Menu icon Foundation

My Posts

  • 7
    Replies
  • Layout help

    By Andrei P

    gridhtmllayout

    Hello, I am using foundation 5, and I want to have 3 divs as posted in the image. The first two I'd like to be the hight of the browser window, and the 3rd one can be a normal div.. Any ideas on how to proceed ? Thanks

    Last Reply by Rafi Benkual almost 6 years ago


My Comments

Andrei P commented on Andrei P's post almost 6 years

Which file is that? PS: I don't use SCSS.

Andrei P commented on Andrei P's post almost 6 years

Multumesc.

I've managed to get the divs working together like so:

<div class="row">
   <div class="small-1 columns" style="background: blue">
     1
   </div>
   <div class="small-2 columns" style="background: green">
     2
   </div>
   <div class="small-9 columns" style="background: red">
     3
   </div>
</div>

My only problem is they are not full width even with .row { width: 100%; } - Any idea on how to make them full width of the browser?

Posts Followed

No Content

Following

    No Content

Followers

My Posts


My Comments

You commented on Andrei P's post almost 6 years

Which file is that? PS: I don't use SCSS.

You commented on Andrei P's post almost 6 years

Multumesc.

I've managed to get the divs working together like so:

<div class="row">
   <div class="small-1 columns" style="background: blue">
     1
   </div>
   <div class="small-2 columns" style="background: green">
     2
   </div>
   <div class="small-9 columns" style="background: red">
     3
   </div>
</div>

My only problem is they are not full width even with .row { width: 100%; } - Any idea on how to make them full width of the browser?

Posts Followed

No Content

Following

  • No Content

Followers

  • No Content