Exercise

Task 1

Using a CSS framework or your own 12-column CSS code, create a single, responsive HTML file that builds the small and large layouts shown below:

Small Layout

Large Layout

You do not need to provide any content, just use the text provided in the layout. It is up to you whether you also implement the cell colours.

Compress both the HTML and CSS into a single submission and submit to “Responsive Design”, “Aufgabe 1”.

Task 2

Using a CSS framework or your own 12-column CSS code, create a single, responsive HTML file that builds the small and large layouts shown below:

Small Layout

Large Layout

You do not need to provide any content, just use the text provided in the layout. It is up to you whether you also implement the cell colours.

Compress both the HTML and CSS into a single submission and submit to “Responsive Design”, “Aufgabe 2”.