What You’ll Learn in This Chapter:
▸ How fixed layouts work
▸ How liquid layouts work
▸ How to create a fixed/liquid hybrid layout
▸ How to think about and begin to implement a responsive design
So far, you’ve learned a lot about styling web content, from font sizes and colors to images, block elements, lists, and more. But what we haven’t yet discussed is a high-level overview of page layout. In general, there are two types of layouts: fixed and liquid. But it’s also possible to use a combination of the two, with some elements fixed and others liquid.
In this chapter, you’ll first learn about the characteristics of these two types of layouts and see a few examples of websites that use them. At the ...