CSS Mastery pp 185-222 | Cite as

Page Layout and Grids

  • Andy Budd
  • Emil Björklund


This chapter is all about a systematic approach to creating page layouts. In the previous chapter, we focused on layout from the perspective of individual page components. The priority of and relationships between the individual components is a good place to start when designing the overall layout of a page. But at some point, you’ll start to find recurring patterns for the overall structure. This chapter is all about codifying these structures into reusable solutions: containers, into which you can “pour” your content.


Screen Size Font Size Grid Area Layout System Page Layout 
These keywords were added by machine and not by the authors. This process is experimental and the keywords may be updated as the learning algorithm improves.

Copyright information

© Andy Budd and Emil Bjorklund 2016

Authors and Affiliations

  • Andy Budd
    • 1
  • Emil Björklund
    • 2
  1. 1.BrightonUK
  2. 2.MalmoSweden

Personalised recommendations