markupgrid, a responsive "grid" layout using CSS3's `calc()` function.

Jian

Resident Weeb
Contributor
Sep 2, 2011
687
437
markupgrid is a responsive CSS boilerplate using CSS3's `calc()` function. It is a grid system that can easily be incorporated into existing layouts.

For example, the code below showcases a way to use markupgrid.
HTML:
<div class="grid">
  <div class="g1">.g1</div>
  <div class="g2">.g2</div>
  <div class="g3">.g3</div>
  <div class="g4">.g4</div>
  <div class="g5">.g5</div>
  <div class="g6">.g6</div>
  <div class="g12">.g12</div>
</div>

For more information and examples, read the .
You can download markupgrid from the .
 

Weasel

👄 I'd intercept me
Nov 25, 2011
4,132
2,456
Looks really good, maybe you could add a table on the documentation for which browsers and versions it works? Just an idea.
 

Users who are viewing this thread

Top