Preparing for CSS grids
I was just listening to "The Web Ahead" podcast where they were talking about the upcoming CSS grid system. If you can spare the time, go and take a listen (episode 114). Upcoming in the sense that there is a spec, but it's not yet mainstream - you can enable it through a flag in WebKit based browsers; use Firefox nightly (e.g I'm on Chrome 51 and it seems to be available). So you can't use it in your production applications just yet - soon'ish. So, to get started (if using Chrome), you will want to enable experimental web platform features: You can see the current working draft here - https://www.w3.org/TR/css-grid-1/ It's worth taking note of the motivation behind this. If you look for CSS layouts, you will see a bunch of solutions (probably involving floats) but using techniques not really designed for a full page layout. Let's get started making a grid. The containing element should have a display property of either grid or inline-grid.