Skip to content

Instantly share code, notes, and snippets.

@SusanRamsey

SusanRamsey/1152 Grid System

Created March 14, 2016 17:53
Show Gist options
  • Save SusanRamsey/9e71ccb50d91c5dcf549 to your computer and use it in GitHub Desktop.
Save SusanRamsey/9e71ccb50d91c5dcf549 to your computer and use it in GitHub Desktop.
Download ZIP
This is the page for the 1152 Grid System
Raw
1152 Grid System
<div style="float:left;margin-right:4.166666666%;width:65.277777777%">
<p style="background-color: #1e1e1e;color: #fff;padding: 24px 0;text-align: center">Content (752px)</p>
</div>
<div style="float:left;width:30.555555555%">
<p style="background-color: #1e1e1e;color: #fff;padding: 24px 0;text-align: center">Sidebar (352px)</p>
</div>
<div class="clear"></div>
<div style="float:left;margin-right:4.166666666%;width:30.555555555%">
<p style="background-color: #1e1e1e;color: #fff;padding: 24px 0;text-align: center">Sidebar (352px)</p>
</div>
<div style="float:left;width:65.277777777%">
<p style="background-color: #1e1e1e;color: #fff;padding: 24px 0;text-align: center">Content (752px)</p>
</div>
<div class="clear"></div>
<div style="float:left;margin-right:4.166666666%;width:45.833333333%">
<p style="background-color: #1e1e1e;color: #fff;padding: 24px 0;text-align: center">Content (528px)</p>
</div>
<div style="float:left;margin-right:4.166666666%;width:30.555555555%">
<p style="background-color: #1e1e1e;color: #fff;padding: 24px 0;text-align: center">Sidebar (352px)</p>
</div>
<div style="float:left;width:15.277777777%">
<p style="background-color: #1e1e1e;color: #fff;padding: 24px 0;text-align: center">Sidebar-Alt (176px)</p>
</div>
<div class="clear"></div>
<div style="float:left;margin-right:4.166666666%;width:15.277777777%">
<p style="background-color: #1e1e1e;color: #fff;padding: 24px 0;text-align: center">Sidebar-Alt (176px)</p>
</div>
<div style="float:left;margin-right:4.166666666%;width:30.555555555%">
<p style="background-color: #1e1e1e;color: #fff;padding: 24px 0;text-align: center">Sidebar (352px)</p>
</div>
<div style="float:left;width:45.833333333%">
<p style="background-color: #1e1e1e;color: #fff;padding: 24px 0;text-align: center">Content (528px)</p>
</div>
<div style="float:left;margin-right:4.166666666%;width:15.277777777%">
<p style="background-color: #1e1e1e;color: #fff;padding: 24px 0;text-align: center">Sidebar-Alt (176px)</p>
</div>
<div style="float:left;margin-right:4.166666666%;width:45.833333333%">
<p style="background-color: #1e1e1e;color: #fff;padding: 24px 0;text-align: center">Content (528px)</p>
</div>
<div style="float:left;width:30.555555555%">
<p style="background-color: #1e1e1e;color: #fff;padding: 24px 0;text-align: center">Sidebar (352px)</p>
</div>
<div class="clear"></div>
<div style="float:left;width:100%">
<p style="background-color: #1e1e1e;color: #fff;padding: 24px 0;text-align: center">Content (1152px)</p>
</div>
<div class="clear"></div>
<div style="float:left;margin-right:4.166666666%;width:30.555555555%">
<p style="background-color: #1e1e1e;color: #fff;padding: 24px 0;text-align: center">Footer Widget (352px)</p>
</div>
<div style="float:left;margin-right:4.166666666%;width:30.555555555%">
<p style="background-color: #1e1e1e;color: #fff;padding: 24px 0;text-align: center">Footer Widget (352px)</p>
</div>
<div style="float:left;width:30.555555555%">
<p style="background-color: #1e1e1e;color: #fff;padding: 24px 0;text-align: center">Footer Widget (352px)</p>
</div>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment