Skip to content

Instantly share code, notes, and snippets.

@andymerskin

andymerskin/gist:5785147

Last active December 18, 2015 12:48
Show Gist options
  • Save andymerskin/5785147 to your computer and use it in GitHub Desktop.
Save andymerskin/5785147 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
gistfile1.html
<div class="wrapper">
<div class="grid">
<div class="grid__cell grid__cell--content">
<h1>
Hello world.
</h1>
<div class="grid">
<div class="grid__cell grid__cell--inner">
<h2>
Hello world.
</h2>
</div>
<div class="grid__cell grid__cell--inner">
<h2>
Hello world.
</h2>
</div>
<div class="grid__cell grid__cell--inner">
<h2>
Hello world.
</h2>
</div>
<div class="grid__cell grid__cell--inner">
<h2>
Hello world.
</h2>
</div>
<div class="grid__cell grid__cell--inner">
<h2>
Hello world.
</h2>
</div>
</div>
</div>
</div>
</div>
Raw
gistfile2.scss
@include breakpoint(12) {
.grid__cell--content {
width: fixed(10);
}
.grid__cell--inner {
width: fixed(2);
}
}
@andymerskin
Copy link
Author

Using the fluid() helper was causing problems and not sizing the columns correctly for some reason, whereas fixed did.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment