Menu icon Foundation
Full-width layouts

Is it possible to get full width layouts using percentages with Foundation's grid?

gridfluidpercentagefull width

Is it possible to get full width layouts using percentages with Foundation's grid?

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

Arthur de la Rocha over 5 years ago

Hey Grant. Yes. If you are using the SASS version you can go into _settings.scss and around line 33 you will see:

// $row-width: rem-calc(1000);

You can just go in there and change it to:

 $row-width: rem-calc(100%);

Make sure to take out the comment (' // ' ) to see your changes.

if you are using the CSS version, go into the foundation.css version and change the row max-width to 100%.

Let me know if that works for you.

Mihai Stroe over 5 years ago

I would leave out rem-calc() completely since that converts px to rem.

$row-width: 100%;

should suffice.

Grant Novey over 5 years ago

Thanks! I discovered that I could do this shortly after I posted.