Web Programming

Web Page

The objective of this exercise is to create a responsive design of the example web page.

Tasks

1. Insert semantic block elements into the HTML code that represent the logic structure of the web page.
2. Create a CSS stylesheet styles.css to define the fonts and colors of the web page.
3. Create a CSS stylesheet layout.css and use media queries to define a responsive layout of the web page (see the screenshots of a desktop and a mobile device).

Solution