Defining containers and columns
When using Susy to create a grid-based layout, you should define a container element that holds the grid. After this, you should define your columns or elements that span a certain number of columns inside the container. In this recipe, you will learn how to create a grid for your layout using Susy.
Getting ready
Read the Installing and configuring Susy recipe of this chapter and the Installing Sass for command line usage recipe of Chapter 1, Getting Started with Sass, to find out how to get both Sass and Susy ready on your system. In this recipe, you will rebuild the layout from the Applying the grid to your design recipe of Chapter 9, Building Layouts with Sass, using the Susy layout toolkit instead of the Flexible box code and mixins.
How to do it...
Perform the following steps to find out how to rebuild the layout of the Applying the grid to your design recipe of Chapter 9, Building Layouts with Sass by using Susy:
Firstly, create the file and directory structure...
