Posted By

LuckyShot on 11/22/09


Tagged

css liquid grid Framework


Versions (?)

Who likes this?

1 person have marked this snippet as a favorite

LuckyShot


1KB Grid - Flexible and minimized


 / Published in: CSS
 

URL: http://www.usabilitypost.com/2009/06/19/the-1kb-css-grid-part-3/

  1. /* 12 cols
  2. <div class="row">
  3. <div class="g4"></div>
  4. <div class="g4"></div>
  5. <div class="g4"></div>
  6. </div>
  7. */
  8. .g1{width:6.25%}.g2{width:14.583%}.g3{width:22.917%}.g4{width:31.25%}.g5{width:41.667%}.g6{width:47.917%}.g7{width:56.25%}.g8{width:64.583%}.g9{width:72.917%}.g10{width:81.25%}.g11{width:89.583%}.g12{width:97.917%}
  9.  
  10. .g1,.g2,.g3,.g4,.g5,.g6,.g7,.g8,.g9,.g10,.g11,.g12 {margin:0 1.04%;overflow:hidden;float:left;}
  11. .row {min-width:960px;width:97.875%;margin:0 1.064%;overflow:hidden;}

Report this snippet  

You need to login to post a comment.