Responsive Web Page Instructions Part2

User Manual:

Open the PDF directly: View PDF .
Page Count: 2

Download
Open PDF In Browser	View PDF

Responsive Web Page Tutorial – Part 2
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
1|Page
M. Rossiter

Responsive Web Page Tutorial – Part 2

2|Page
M. Rossiter



---

Source Exif Data:

File Type                       : PDF
File Type Extension             : pdf
MIME Type                       : application/pdf
PDF Version                     : 1.5
Linearized                      : No
Page Count                      : 2
Language                        : en-GB
Tagged PDF                      : Yes
Author                          : mrossiter
Creator                         : Microsoft® Word 2010
Create Date                     : 2018:09:23 20:50:01+01:00
Modify Date                     : 2018:09:23 20:50:01+01:00
Producer                        : Microsoft® Word 2010

EXIF Metadata provided by EXIF.tools