Lost Grid is a powerful grid system built in PostCSS that works with any preprocessor and even vanilla CSS. LostGrid makes use of calc() to create stunning grids based on fractions you define without having to pass a lot of options. 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+. To create a basic horizontal grid, just insert some elements into any containing element like so and pass a fraction to the `lost-column` property. To unset (or remove) a column rule, possibly at a larger breakpoint, use `lost-column: none;`

Features

  • Calc browser support
  • Flexbox browser support
  • Automated browser testing with Selenium
  • LostGrid is tested in Evergreen Browsers
  • LostGrid makes use of calc() to create stunning grids based on fractions
  • LostGrid relies on calc() to create the grid

Project Samples

Project Activity

See All Activity >

License

MIT License

Follow LostGrid

LostGrid Web Site

Other Useful Business Software
Our Free Plans just got better! | Auth0 Icon
Our Free Plans just got better! | Auth0

With up to 25k MAUs and unlimited Okta connections, our Free Plan lets you focus on what you do best—building great apps.

You asked, we delivered! Auth0 is excited to expand our Free and Paid plans to include more options so you can focus on building, deploying, and scaling applications without having to worry about your security. Auth0 now, thank yourself later.
Try free now
Rate This Project
Login To Rate This Project

User Reviews

Be the first to post a review of LostGrid!

Additional Project Details

Programming Language

JavaScript

Related Categories

JavaScript Design Software, JavaScript Data Visualization Software

Registered

2021-12-02