HOME LEVEL 2 LEVEL 3

CSS: Media Queries Exercise

The goal of this exercise is to use CSS media queries to make a webpage appeardifferent for printing and for different window sizes.

You may want to consult these slides.

  1. Start with this webpage, which already has HTML and CSS for a header, navigation, content, sidebar, and footer. This is what it looks like:
  2. Add a CSS media query and appropriate styles so that the webpage looks like the screenshot below when printed. Specifically:
  3. Add a CSS media query and appropriate styles so that the webpage looks like the screenshots below when resized to smaller widths. Specifically: