If you are looking for a lightweight and simple CSS Grid system than ‘Grid – a minimal CSS Grid Utility‘ might be a useful option for you. Grid is a small collection of classes that conveniently floats elements with an appropriate amount of width. In addition to being incredibly light and straightforward the Grid works well in a fluid layout.
The strength of the utility is the simplicity and no learning curve. After reading the through the CSS code once I was able to generate a fluid brick wall in about 45 seconds.
The basis of developing the columns comes from applying a class “gXofY” – Where X is how many to take up and Y is the total number. So if there are two equal columns you want apply the class of “g1of2″ to both.
This Grid system, out of the box, is limited to a maximum of 5 columns. If you you require additional columns for your project you can easily add more as you simply need to do the math to come up with each class. For instance g1of9 would be width: 11.111111 %.
The only other issue I had when creating my brick wall example was that there was no ’2of4′ class. Knowing I want the block to be 50% I simply applied the 1of2 – but now that row contains the following columns in this order: 1of4, 1of2, 1of4. In dealing with the row I would rather it could have read 1of4, 2of4, 1of4. In addition there is no 1of1 class (100% width). But as mentioned before this is a good starting block for setting up a simple Grid system that works for you.