Enter your name and the date in the comment section of each file: gp_cover.html, gp_page1.html, gp_page2.html, gp_page3.html, gp_layout.css, and gp_print.css respectively.

Go to the gp_cover.html file and add a viewport meta tag to the document head, setting the width of the layout viewport to the device width and setting the initial scale of the viewport to 1.0.

Go to the gp_layout.css file. In this style sheet, youll create the layout styles for mobile and desktop devices. Note that Devan has used the @import rule to import the gp_designs.css file, which contains several graphical and typographical style rules.

Return to the gp_cover.htmlfile and create links to the following style sheets:

the gp_reset.css file to be used with all devices,

the gp_layout.css file to be used with screen devices

Take some time to study the contents and structure of the file. Note each panel from the comic book is stored as a separate inline image with the class name panel along with class names of size1 to size4indicating the size of the panel. Size1 is the largest panel down to size4, which is the smallest panel.

Repeat the actions to create links to the style sheet files gp_reset.css and gp_layout.css as described above.