A key part of our journey through the essentials of responsive design is laying out content on the page—in the early days of the Internet, this was a simple process!
With the advent of mobile devices (and those non-PC devices) that can access the Internet, content layout has become ever more critical; for example, how many images do we have, or do we include content X, or show a summary instead? These are just some of the questions we might ask ourselves. It goes to show that it can open a real can of worms!
To simplify the process, we can use grid or fluid-based layouts. Throughout the course of this chapter, we'll take a look at using them in more detail; we'll start with setting the available viewport, and take it right through to future grid-based layouts.
In this chapter, we will cover the following topics:
Introducing grid layouts and understanding different types
Setting the available viewport for use
Exploring the benefits and mechanics of using grid layouts...