• Zero One

    Simple, yet powerful grid layout with elements stacked on top of each other.

  • Zero Two

    A ~ 10.2 KB code size library.

  • Zero Three

    new AwesomeGrid('selector')
    .grid(int);     and you're done!

  • Zero Four

    No third party dependencies.
    Yes, not even jQuery.

  • Zero Five

    Fully responsive, easily adjustable.
    Try resizing your browser.

  • Zero Six

    Auto add content when scrolled.
    Manually add, modify or remove content on the fly.

  • Zero Seven

    Licensed under the MIT License .

  • Zero Eight

    Script - for this example

    
new AwesomeGrid('ul.grid')
    .gutters(10)
    .grid(1)
    .tablet(2, 20)
    .desktop(3, 30);

  • Zero Nine

    Html - for this example

    
<ul class="grid">
    <li>...</li>
    <li>...</li>
    <li>...</li>
    ...
</ul>

  • One Zero

    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nisi temporibus, fugiat nulla optio incidunt facere blanditiis! Nobis, aliquam, labore. Nesciunt optio ducimus deserunt qui vero, commodi eius saepe aspernatur eveniet?

  • One One

    This is using data-ag-x="2" attribute to stretch 2x.

    Pariatur autem voluptas, quibusdam veritatis nobis dignissimos facere quis hic ipsa temporibus. Perferendis saepe, facere amet, ab perspiciatis repellendus quae ratione facilis dolorem molestias aut cumque magni consequatur reprehenderit modi sapiente nisi!

  • One Two

    Optio provident suscipit sed, iure, numquam eveniet ex vel in.

  • One Three

  • One Four

  • One Five