CSS Responsive Design

In this exercise you learn the basics of CSS responsive design

Exercise

Use the solution of the css-basic exercise CSS Basics Solution

• Create a responsive layout which break at a viewport widths of 750px according to the following screenshots
• The maximum width of the navigation bar if the viewport is above 750px should be 15em
• The text in the navigation should be aligned left if the viewport is above 750px
• If the users prints the document the navigation bar should be hidden and all backgrounds should be white

Template

Solution

Alternative Solution