ISTA 230 Introduction to Web Design (Spring 2017)

Responsive Navigation

Responsive design navigation can take many shapes and forms. You have been provided with a basic responsive design that implements "do nothing" navigation. In other words, it uses the same navigation formatting regardless of the device or screen it is viewed on.

You can download the exercise files here. Using your understanding of responsive design, HTML 5, and CSS 3, implement each of the following responsive navigation styles.

For the navigation styles with an asterisk (*), you will need to modify the HTML for the page. For all others, you only need to add some additional CSS.


Solution can be downloaded here.