For designers, the abundance of web access devices creates an abundance of opportunities for potentially awkward interpretations of our web pages.
Luckily, CSS floats, CSS frameworks, and responsive layouts enable us to separate the presentation of a web page (what it looks like) from the content (images and text).
That’s a good thing.
When content and presentation are separated, web pages can be processed more easily and consistently by different browsers, mobile devices, and accessibility technologies.
Using CSS for presentation can save a lot of time in production: website redesigns are simpler to roll out when you don’t have to muck around in the HTML.
In this chapter, we look at ways to harness CSS to make attractive and functional layouts that work smoothly across platforms.