CHAPTER 4

image

Using Fluid Layouts

Having already examined the use of media queries, this chapter will examine how to utilize these together with other aspects of CSS3 to build a better experience for your users, an experience that is both flexible and capable of working across a wider variety of devices.

This chapter will explore:

  1. The different types of layouts.
  2. Principles when working with a fluid design.
  3. Building a fluid design using a CSS grid.

Types of Layouts

When it comes to the structural layout of the page, there are multiple types of layouts from which you can choose. The three most popular types of layouts are fixed width layout, fluid ...

Get Beginning Responsive Web Design with HTML5 and CSS3 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.