by peterramsing

peterramsing / lost

LostGrid is a powerful grid system built in PostCSS that works with any preprocessor and even vanill...

4.5K Stars 182 Forks Last release: over 1 year ago (v8.3.1) MIT License 744 Commits 69 Releases

Available items

No Items, yet!

The developer of this repository has not created any items for sale yet. Need a bug fixed? Help with integration? A different license? Create a request here:


LostGrid is a powerful grid system built in PostCSS that works with any preprocessor and even vanilla CSS.

If you have any questions, comments, or concerns please feel free to open an issue. You're also welcome to tweet @LostGrid if an issue seems too formal.

Getting Started

LostGrid makes use of

to create stunning grids based on fractions you define without having to pass a lot of options.

Read the docs on LostGrid.org!

Browser Support

  • LostGrid relies on
    to create the grid. Thus, LostGrid is limited to browsers that support
    . The great thing is that
    is widely supported in all current browsers and the LostGrid usage of
    is supported as far back as IE9+.
  • If using LostGrid in flexbox mode browser support is limited to IE 10+.
  • Calc browser support
  • Flexbox browser support

Official Support

  • LostGrid is tested in the following browsers for compatibility
    • IE10+ (IE9 has the same
      support as IE10 except for background position which LostGrid doesn't affect)
    • Evergreen Browsers (as they update automatically, tests are performed on the latest version of the following browsers)
    • Chrome
      • Chrome Canary + Chromium as well
    • Opera
    • Firefox
      • FirefoxDeveloperEdition as well
    • Edge
    • Safari 9+
  • Automated browser testing with Selenium is coming soon. 👍

Note: LostGrid no longer supports Node < 8 (i.e. 6.x, 4.x, etc.) . I'll be following the Node LTS plan for Node. Let me know if you any questions. Thanks!


LostGrid Team



  • Cory Simmons for creating this grid!
  • Alex Bass for being available to bounce ideas off of.
  • Maria Keller for the amazing logo. Be sure to hire her for all your design and motion graphic needs.
  • Everyone who files an Issue when something isn't working as expected.
  • Everyone who has contributed.


We use cookies. If you continue to browse the site, you agree to the use of cookies. For more information on our use of cookies please see our Privacy Policy.