O'Reilly logo

Beginning Responsive Web Design with HTML5 and CSS3 by Jonathan Fielding

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

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 ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required