Chapter 14  Making Your Images and Typography Responsive

The most important thing about responsive design is flexibility. Everything must be flexible: layouts, image sizes, text blocks—absolutely everything. Flexibility gives your site the fluidity it needs to fit inside any container. —Nick Babich

This chapter covers

  • Making fluid images that respond to screen size
  • Delivering different-size images based on the user's screen size
  • Making text adapt to the screen size by specifying responsive font sizes
  • Making other page elements adapt to the screen size by specifying responsive measurements

In Chapter 13, you learned not only why you shouldn't use a fixed-width layout, but also why (and how) you should use responsive layouts that are both flexible ...

Get Web Design Playground now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.