This is a very minimum grid system that you can apply in simple cases and you do not wish to include a full-force commercial framework.
It is using a 12-column grid.
- Copy the contents of
my-fmw/grid.cssinto your project.
- Reference it from your HTML5 page:
<link rel="stylesheet" href="grid.css">
- Enclose your layout in
gridclass so you can define a maximum width
- Create your rows with
- Define your colums with
grid.css - The actual grid system file
home.html - A page demonstrating how to use the grid system
grid-test.css - Additional styles to visual the grid system demonstration