Fluidigrid is a simple and lightweight CSS helper for building quick and efficient layouts.Download
You can copy the raw file and add it to your project.
You can use the Fluidigrid Generator to create your own naming convention for custom experience.
Fluidigrid setup is simple, it is based on 12 column
grid-template-columns. Each of the 12 cells are using the
fr (fractional unit). When going below
1024px the layout switches the
You can create your own
grid html element or add a class
.grid to the wrapper you want to create the grid layout. Then you should declare start and values for each of your columns to create the layout. Fluidigrid comes with pre-declared naming convention, we use
grid-column-end:[n]. For example if you want to declare a column which starts from the first to last column you will declare
:rootvalues for customization
If you want you can always contribute in Github and ask for more, this would help us create something more meaningful.