Grids are another extension of the design world. There’s just something much more pleasing about navigating through a site that properly uses a grid to lay out the content than one which has ignored all the C.R.A.P principles and put things in place willy-nilly.
In this section, you’ll get a look at how to use CSS to lay out the elements of your page using a grid.
Read through the Responsive Grid with Media Queries Tutorial from TutsPlus. You don’t need to actually build it, but feel free to.
Glance through Unsemantic, which is a fluid grid system which can be really useful for building layouts. They have demos that you can take a look at. Just look through the site; we’ll be covering the Bootstrap and Foundation grid systems later.