Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Unable to switch to a fixed grid #23

Closed
hungrysquirrel opened this issue Apr 5, 2012 · 1 comment
Closed

Unable to switch to a fixed grid #23

hungrysquirrel opened this issue Apr 5, 2012 · 1 comment

Comments

@hungrysquirrel
Copy link

My grid system is currently percentage based.

I want to experiment with a fixed layout and read your tutorial at http://susy.oddbird.net/tutorial/

I tried to follow this instruction "For a fixed grid you can simply change your grid units to px." and update my set up but the layout is still fluid unless I over-ride the max-width: 100% that @include container; establishes.

This hack felt wrong, so I thought I check in.

This is an example of my gird set-up

$total-cols: 12;
$col-width: 70px;
$gutter-width: 30px;
$side-gutter-width: 15px;
$grid-background-column-color : #F68888;

@mirisuzanne
Copy link
Member

Sorry, I should have been more clear. Everything Susy builds is fluid on the inside, and collapses with the browser. That's the entire reason Susy exists. You can change the outer container to be otherwise fluid, elastic, or fixed (%, em, px), but you do have to override the 100% max-width if you want it truly and completely fixed.

I'll make sure that is more clear in the new documentation.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants