Skip to content

Instantly share code, notes, and snippets.

@dcavins

dcavins/one-third-width-column-other-flex-width.html

Last active September 22, 2017 16:56
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save dcavins/e8b555391164f740aa3070f140745ef9 to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save dcavins/e8b555391164f740aa3070f140745ef9 to your computer and use it in GitHub Desktop.
Download ZIP
Specify one column to be 1/3 width, let the other column take up the rest of the space, and break to a single column on medium-width screens and smaller.
Raw
one-third-width-column-other-flex-width.html
<div class="Grid Grid--guttersLg Grid--full med-Grid--fit">
<div class="Grid-cell">
2/3
</div>
<div class="Grid-cell u-1of3">
1/3
</div>
</div>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment