Java Web Applications
Web Page
The objective of this exercise is to create a responsive design of the example
web page.
Tasks
-
Insert semantic block elements into the HTML code that represent the logic structure of the web page.
-
Create a CSS stylesheet
styles.css
to define the fonts and colors of the web page.
-
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