HTML and CSS Reference
Figure 16-11 The Cool Shoes & Socks page viewed in a browser at a width of 700px.
The point where the navigation moves down below the logo is at about 710px; this point can be determined by
resizing the window slowly or by using a tool such as responsivepx ( www.responsivepx.com ) . This is
known as a breakpoint. You could add a few styles to change the layout of the navigation at 710px or below,