HTML and CSS Reference
In-Depth Information
Project files update (ch16-01): If you haven't followed the previous instructions and are comfortable working from
here onward or would like to reference the project files up to this point, you can download them from
Media Queries for Tablets and Narrow-Size Desktop Browsers
Cool Shoes & Socks now provides a much better experience for mobile devices with a width up to 480px. The
desktop experience looks great at 960px and higher, but there's still a gap between 480px and 960px that may need
some additional styles. This gap covers tablet devices in addition to desktop experience when the browser is narrow-
er than 960px.
Let's start with the desktop browser below 960px. In Figure 16-10, the browser window has been reduced to a width
of 800px.
