HTML and CSS Reference
In-Depth Information
Configuring the Small Layout
Eventually, however, the layout doesn't work very well, as illustrated in Figure
6-12
.
Figure 6-12.
The medium layout when shrunk too much
There are several issues here that you'll address:
•
The header text is wrapping to another line and overlapping.
nav
element).
•
The navigation links are wrapping to the next line (and now outside the
•
The picture overlaps the adjacent text.
•
The text columns are too narrow; this size cannot adequately support three content
columns.