Responsive Web Page Instructions Part2
User Manual:
Open the PDF directly: View PDF 
.
Page Count: 2
Responsive Web Page Tutorial – Part 2
1 | P a g e
M. Rossiter
Now you are required to make the web page responsive. Add the empty media query to the bottom of your styles.css file.
/* media queries */
/* viewport hits 550px apply diferent style to the elements in the query */
@media only screen and (max-width: 550px) {
}
Task: Now add the required styles within the media query so that your page looks like figure 1 below when the width of the
viewport changes to 550px.
Figure 1
Responsive Web Page Tutorial – Part 2
2 | P a g e
M. Rossiter
