CSS Grid Framework
Emulates some behavior of the popular Bootstrap Grid by using CSS Grid Layout instead of Flexbox.
Benefits
- Heavily reduce markup
- Easier maintenance
- Easy transition from Bootstrap Grid
Features
- Responsive grid container
.grid--no-gutterscol-*, where * is 1 - 12order-*, where * is “first”, “last”, or 0 - 12.- responsive classes for all breakpoints.
- grid positioning utilities.
- fallback if no support for grid.
Cannot Implement
.col,.col-auto: since css grid items must fit along grid.offset-*, however this could potentially work with JavaScript.
Special Thanks:
- https://learncssgrid.com/
- https://uxplanet.org/how-the-bootstrap-4-grid-works-a1b04703a3b7