Simply download gridder and add it to your head, like this:
// index.html <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <link href="path/to/gridder.css" rel="stylesheet"> </head> <body> <div id="app"></div> </body> </html>
Remember to add <meta name="viewport" content="width=device-width, initial-scale=1"> to the head aswell, to make sure the site scales correctly
Gridder is also available through this jsdelivr:
You can also add Gridder with NPM:
npm install gridder-css
Gridder works in all modern browsers. IE10+ Edge Firefox Chrome Safari Opera
Were currently working on a new version of gridder built entirely on CSS Grid Layout. This build, however, will remain experimental untill the it is fully supported in all major browser
The short answer... YES!
Gridder is built to be scalable, and thus works for small, aswell as large projects. There's been some controversy about the speed of flexbox when used for pagelayouts, but this has been debunked
With that said, Gridder excels in small to mid-sized projects, largly because of it's easy of use and setup.