Responsive Grid Layouts Generator – Gridpak
Gridpak is an interactive web application for generating responsive grid layouts very quickly.
The width of the grid, number of columns, column padding and gutter width can all be defined which are standard features we have seen from several other layout generators.
It gets better with the ability of adding breakpoints for responsive outputs. You can change the size of the layout, click "Add break point" and there you have it.
Once you have setup the layout, a custom download is ready which includes:
- a CSS file with all the classes and properties you need to create the responsive grid layout
- a LESS file with much the same information but including variables, mixins and methods to help you.
- an SCSS file like the LESS file, but in SCSS.
- a semi transparent PNG image for each grid you have created to help with your design, or with lining things up in your front end.