Check out a more recent demo of creating responsive grids
Free CSS and HTML Grid Generator – Demo and Code Snippet
Three simple steps to create your own responsive grid! Please note that if you are accessing the page from a mobile device, the grid is transformed automatically into rows, so you will not see the grid itself.
1. Configure your grid:
2. Copy the grid CSS in your Styles
3. Write your rows and columns, copy the HTML samples
You can see below the rows with columns samples for the configuration as above.
2 Columns Samples
3 Columns Samples
4 Columns Samples
5 Columns Samples
6 Columns Samples
For testing purpose, the configuration has some limitation.
If you find the demo useful and would like to support my work, please consider making a donation