I designed this front page to teach intermediate web design students about basic responsive design techniques and proper use of media queries to adjust the page layout as the screen size changes. The header of this page changes a lot depending on the size of the screen.
The page also makes use of a free Google font and demonstrates how simple, appropriate type choices can help communicate an overall mood as well as provide a clearly legible experience for users.
View the completed page and check it out on your mobile device.
