ShiftGrid.css

ShiftGrid is a minimalist, flexible grid system for building responsive layouts. It is based on Bootstrap v5's grid and provides an intuitive class naming convention for rapid development.

Why Use ShiftGrid?

• Lightweight - Weighing in at just 86.2 kB minified and gzipped, ShiftGrid adds minimal bloat to your project.
• Flexible - The flexible grid structure allows you to customize your layout for any device size. Build everything from mobile to large desktop sites.
• Intuitive Classes - Classes like .col-sm-6 make it easy to remember how to quickly build responsive columns and rows.
• Familiar Syntax - ShiftGrid uses the same class naming convention as Bootstrap, making it easy to integrate into projects using Bootstrap.
• Styled by Default - Some basic styling is included out of the box for columns, gutters, and more.
• Framework Agnostic - Use ShiftGrid with React, Vue, Angular, or vanilla HTML/CSS. It's framework agnostic.

Documentation

For full documentation, installation instructions, examples, and more, see https://mahdi-hazrati.github.io/ShiftGrid/

Credits

ShiftGrid was created by Mahdi Hazrati. It is based on Bootstrap's grid system.