HTML and CSS Reference
In-Depth Information
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,