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 O’Reilly online learning.

O’Reilly members experience live online training, plus books, videos, and digital content from 200+ publishers.