Grid

Basic Grid (Flexible blocks) Auto-fill & Equal height

Demos
Examples
Default styling

WebSlides is really easy

Each parent <section> in the #webslides element is an individual slide.

Code is neat, scalable, and well documented. It uses intuitive markup with popular naming conventions. There's no need to overuse classes or nesting. Based on SimpleSlides, by Jenn Schiffer :)

WebSlides is the clean

Each parent <section> in the #webslides element is an individual slide.

.vertical-align
Vertical align

WebSlides is really easy

Each parent <section> in the #webslides element is an individual slide.

Code is neat, scalable, and well documented. It uses intuitive markup with popular naming conventions. There's no need to overuse classes or nesting. Based on SimpleSlides, by Jenn Schiffer :)

WebSlides is the clean

Each parent <section> in the #webslides element is an individual slide.

Markup
<div class="grid [modifier class]">
  <div class="column">
    <h3><strong>WebSlides is really easy</strong></h3>
    <p class="text-intro">Each parent <code>&lt;section&gt;</code> in the #webslides element is an individual slide.</p>
    <p>Code is neat, scalable, and well documented. It uses <strong>intuitive markup with popular naming conventions</strong>. There's no need to overuse classes or nesting. <strong>Based on <a href="https://github.com/jennschiffer/SimpleSlides">SimpleSlides</a>, by <a href="http://jennmoney.biz">Jenn Schiffer</a></strong> :)</p>
  </div>
  <div class="column">
    <h3><strong>WebSlides is the clean</strong></h3>
    <p class="text-intro">Each parent <code>&lt;section&gt;</code> in the #webslides element is an individual slide.</p>
  </div>
</div>
Source: modules/_grid.scss, line 1