Solved by Grid is a personal collection of common HTML templates solved by the built-in CSS Grid feature.
CSS Grid allows to build complex layouts very simply and it is easy to learn.
| Layout demo name | Preview |
|---|---|
| Sidenav footer 1 | sidenav-footer-1 |
| Sidenav footer 2 | sidenav-footer-2 |
| Holy grail | holy-grail |
| Sticky footer | sticky-footer |
| Navbar-to-sidenav-toggle | navbar-to-sidenav-toggle |
Clone this repository and run yarn install (yarn must be installed on your system) then run yarn start which runs a local webserver using browser-sync. Make sure your web browser supports CSS Grids.
Create additional layouts in folders like my-new-template and link to it from the root index.html.