Need help with lost?
Click the “chat” button below for chat support from the developer who created it, or find similar developers for support.

About the developer

peterramsing
4.5K Stars 178 Forks MIT License 766 Commits 25 Opened issues

Description

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

Services available

!
?

Need anything else?

Contributors list

# 36,436
JavaScr...
CSS
postcss
Angular
338 commits
# 50,909
deploy-...
aws-lam...
Heroku
GraphQL
41 commits
# 9,871
mocking...
reasonm...
React
d3js
18 commits
# 205,553
vuejs
HTML
CSS
postcss
10 commits
# 126,884
CSS
optimis...
minific...
HTML
5 commits
# 267,329
JavaScr...
CSS
postcss
5 commits
# 20,772
sass-mi...
Sass
Jekyll
Sketch
4 commits
# 95,275
svg-spr...
PHP
asset-p...
HTML
3 commits
# 158,732
Angular
excel
data-ta...
Vue.js
2 commits
# 316,758
HTML
CSS
postcss
2 commits
# 7,510
CSS
Sublime...
lint
Markdow...
2 commits
# 224,468
HTML
Shell
postcss
PHP
1 commit
# 23,045
TypeScr...
React N...
GraphQL
interse...
1 commit
# 59,569
optimis...
phantom...
Chrome
Electro...
1 commit
# 84,473
npm
package...
npm-scr...
HTML
1 commit
# 303,340
HTML
Shell
sequeli...
CSS
1 commit
# 96,209
Ember
ESLint
CSS
HTML
1 commit
# 112,934
Ruby
scss
sass-mi...
Sass
1 commit
# 20,925
Gulp
codecov
compass
Laravel
1 commit
# 308,895
snap
TeX
postcss
Shell
1 commit



Codecov

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

calc()
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
    calc()
    to create the grid. Thus, LostGrid is limited to browsers that support
    calc()
    . The great thing is that
    calc()
    is widely supported in all current browsers and the LostGrid usage of
    calc()
    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
      calc()
      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 less than 10 (i.e. 8.x, 4.x, etc.) . I'll be following the Node LTS plan for Node. Let me know if you any questions. Thanks!

 

LostGrid Team

 

Thanks

  • 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.