Use this layout and code to understand the basics of "responsive" design

Such as turning floats on article and aside on an off with a media query in the css stylesheet, adjusting widths, and making changes to type size. Look in css under @media query. I'll go over the basics of thee in class. The main things to show in assignment 2 are related to making some visible changes with a media query. You will take your exercise1 folder, duplicate it, rename it as/exercise2/ and make changes to your layout and design, demonstrating some basics of responsive design. At a minimum you should show these changes:

• Adjust layout from two columns to one column layout
• Make a change to an image, whether that is changing the width of it or making it disappear
• Adjust the size and design of h1, h2
• Adjust the size of a logo image or graphic
• Adjust the size of a header, or main navigation