Today, I come back here to share a new project I have made these last days : Z-GRID
This is a extremly lightweight CSS grid system allowing you to quickly start a project by integrating a css responsive grid.
It is composed of a RESET part of CSS so you should place it before your own css stylesheet and the grid system.
You will be able to create a grid by specifying how many columns you want. This grid will be displayed normally on a computer screen and each box will be on a line on a mobile screen. It is possible to force the grid to display as you write it on mile screens.
Grid with 2 boxes
(if you use emmet, you will be able to type this code very fast!)
Here, there will be a grid with 2 boxes per lines.
- On computer screen (>768px) : both are on one line.
- On smartphone screen (< 768px) : each box is on a different line.
Everything is explained HERE
This project is intended to evolve, but it is fully functionnal today.
Share, fork, pull request it if you like my work :)