custom simple 12 grid

6:23 am, September 12, 2018

Code

html

<p>Testing to see if a simple grid works just using width % and floats.</p>

<div class='rare-box'>
  <div class='grid-wrap'>
    <div class='grid-6 cell'>
    	<div class='grid-box'>grid-6 cell</div>
    </div>
    <div class='grid-6 cell'>
    	<div class='grid-box'>grid-6 cell</div>
    </div>
  </div>
</div>

<div class='rare-box'>
  <div class='grid-wrap'>
    <div class='grid-1 cell'>
        <div class='grid-box'>grid-1 cell</div>
    </div>
    <div class='grid-1 cell'>
        <div class='grid-box'>grid-1 cell</div>
    </div>
    <div class='grid-1 cell'>
        <div class='grid-box'>grid-1 cell</div>
    </div>
    <div class='grid-1 cell'>
        <div class='grid-box'>grid-1 cell</div>
    </div>
    <div class='grid-1 cell'>
        <div class='grid-box'>grid-1 cell</div>
    </div>
    <div class='grid-1 cell'>
        <div class='grid-box'>grid-1 cell</div>
    </div>
    <div class='grid-6 cell'>
        <div class='grid-box'>grid-6 cell</div>
    </div>
  </div>
</div>

css

js

scripts

Download & Run

Download File Run Demo Re-load Preview

Preview