Chapter 9. Building a Content-Rich Website – Layout
In this chapter, we will focus on creating our layout. This means positioning our elements, setting up a grid system, and deciding what sections and components should go where. We won't be worrying about choosing fonts, or setting font sizes, colors, or other aesthetic styling at this stage. Here, it's all about the structure.
We'll be using the Susy Sass library throughout this chapter. We'll install it through Bower and import it into our project. Once that is done, we'll examine some of the basic features of Susy. I'll explain how to use the container and span mixins to create a basic layout before moving on to creating a complete grid system.
The grid system we will generate using Susy and ...
Get Mastering Sass now with the O’Reilly learning platform.
O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.
