Responsive Layouts

Fixed layout sets the width to a fixed pixel size depending on the screen size. 1152 pixels for screens wider than 1200 pixels, 960 pixels for screens between 1000 pixels and 1200 pixels and 100% of the width for smaller screens.

Relative layout sets the max width to a size relative to the font size. Small: 40em, Normal 80em and Large 120em.

Standard grid columns

Responsive Grid Columns

Grid Gutters