Chapter 13
Mobile Media Queries
At this point, our site is really coming together. We’ve got a nicely styled homepage, a proto-gallery with a three-column layout, and the ability to add an arbitrary number of nicely styled blog posts. In this chapter and the next, we’ll add a few new levels of polish needed for a professional-grade site. Here we’ll start adding the styles necessary to make our site look good on both desktop and mobile devices, a practice known as responsive design. Then in Chapter 14 we’ll add miscellaneous polish like custom fonts, meta tags, and a favicon.
13.1 Getting Started with Mobile Designs
The reason we need to add new styles for mobile devices is because websites made for big desktop screens that have lots of available ...
Get Learn Enough HTML, CSS and Layout to be Dangerous: An Introduction to Modern Website Creation and Templating Systems 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.