ART 435 Fall 2013

Web Design

Day 26

Mon. 11/18/13 | Notes

  • Christmas party (details below)
  • Presentations (Maddy & Shelby)
    • Post to forum if you have a link for people to visit
  • Media queries
    • Rubric updated to show two media query requirement
    • Options for having two media queries
      • Specify both min- and max-width
      • Specify just max-width (only last style will apply, best to organize media queries from largest to smallest)
  • Course evaluations open tomorrow — 5 extra credit points if everyone fills them out

Christmas party invitation

Media queries (with min- and max-width)


body { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 36px; } @media screen and (min-width: 601px) and (max-width: 900px) { body { font-size: 24px; } } @media screen and (max-width: 600px) { body { font-size: 12px; } }

Media queries (largest to smallest)


body { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 36px; } @media screen and (max-width: 900px) { body { font-size: 24px; } } @media screen and (max-width: 600px) { body { font-size: 12px; } }