index.html

---
layout: default
title: "LostGrid - PostCSS Grid Framework"
redirect_from: "/lost/"
---


<div class="wrapper">
  <section class="fill-viewport">
    <div class="[ section__inner section--center ] vc--lg-only hero-top">
      <div class="animated fadeIn">
        <span class="[ logo logo--large ]">LostGrid</span>
        <h1 class="lede">Lost Grid is a powerful grid system built in <a href="http://postcss.org/">PostCSS</a> that works with any preprocessor and even vanilla CSS.</h1>
        <ul class="list--bare list--center">
          <li><a href="/docs.html" class="[ btn btn--khaki ]"><i class="lg-files"></i> Read the docs</a></li>
          <li><a href="https://github.com/peterramsing/lost" class="[ btn btn--turquoise ]" target="_blank"><i class="lg-github"></i> View on Github</a></li>
          <li><a href="/lostgrid-example.html" class="[ btn btn--turquoise ]" target="_blank"><i class="lg-github"></i> See Example</a></li>
        </ul>
      </div>
    </div>
  </section>
</div>