Menu icon Foundation
Controlling Grid Row Width

What is the best way to control the width of a Grid Row? For example, what if I wanted the grid row to be 80% of the page, how can I set this?

gridrow

What is the best way to control the width of a Grid Row? For example, what if I wanted the grid row to be 80% of the page, how can I set this?

Rafi Benkual almost 4 years ago

There's more than one way to do it.

There is a SCSS variable

$grid-row-width: rem-calc(1200);

You can also do it in CSS

.row {
  max-width: 80%;
}

Or even just the grid

<div class="row">
      <div class="medium-10 medium-centered columns">