CSS: Frameworks & Grids

Have you wondered if using a CSS framework will speed up your website development? Frameworks give you the files and assets you need to build most websites—giving you a head start on your design process and templates for producing better, more consistent code. But they're not right for every project. Carrie Dils introduces the types of frameworks available, including the most popular open-source options like Bootstrap and Foundation, and provides an honest assessment of their pros and cons. She guides you through the download and setup steps and helps you build a basic framework-based site. Chapter 5 explores CSS grid systems, including Flexbox and Grid (the CSS Grid Layout module), which provide a simple system for laying out page content in columns and rows.

Learning objectives
Understanding boilerplates, grids, and frameworks
Choosing a framework
Building your own framework
Setting up a framework: from download to customization
Building a new framework-based website
Working with grids