Simple and Responsive CSS Framework using Grids
This framework has a 12 column grid:
grid-4
grid-4
grid-4
grid-lg-6
grid-lg-6
grid-sm-3
grid-sm-3
grid-sm-3
grid-sm-3
grid-md-1
grid-md-1
grid-md-1
grid-md-1
grid-md-1
grid-md-1
grid-md-1
grid-md-1
grid-md-1
grid-md-1
grid-md-1
grid-md-1
Element alignment:
grid-start-1
grid-start-2
grid-start-3
grid-start-4
grid-start-5
grid-start-6
grid-start-7
grid-start-8
grid-start-9
grid-start-10
grid-start-11
grid-start-12
Different font styles:
Small Font (ft-s-1)
Thin Font (ft-w-1)
Medium Font (ft-s-2)
Normal Font (ft-w-2)
Normal Font (ft-s-3)
Bold Font (ft-w-3)
Big Font (ft-s-4)
Bolder Font (ft-w-4)
Biggest Font (ft-s-5)
Extra Bold Font (ft-w-5)
3 Button colors
Gray
Blue
Yellow
Check out how we used the framework to copy this site:
https://digomes87.github.io/Odin-clone/
The original site:
https://www.theodinproject.com
For more info, check the Github page of this project:
https://github.com/digomes87/Design-your-own-Grid-based-Framework