CODEWITHSUNDEEP
staticgridsassmedia-queriessusy-compass
skrln
skrln

Reputation: 542

Susy grid: make not fluid from specific width

I'm using Omega 4 for Drupal and with it the Susy grid system (and sass and compass).

The entire Susy grid is great and scales fluidly. However it doesn't look good when the window gets too narrow.

How do I make the susy grid have a static width for all screen sizes below 800px?

I'm not looking to make the entire system full responsive, so just fixed width below 800px would be sufficient.

Upvotes: 0

Views: 116

Answers (1)

Miriam Suzanne
Miriam Suzanne

Reputation: 14010

Instead of messing with grid-settings at different widths, apply a min-width to your container:

.container {
  @include container;
  min-width: 800px;
}

That gets a bit more complex if you have multiple breakpoints, and want multiple min-widths, but it should work for you case.

Upvotes: 1

Related Questions