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:
- The different types of layouts.
- Principles when working with a fluid design.
- 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 ...