Skip to main content

Learning Objectives

Responsive web design

  • Can: identify a diverse set of devices for the web (phone, tablet, laptop, desktop, tv, game console, etc.)
  • Can answer: What is responsive web design?
  • Can answer: what are some ways we might want to have a layout change as we reduce or increase screen size?

Media queries

  • Can answer: What is a media query?
  • Can answer: When would you use a media query?
  • Can answer: How can I test how a website looks on different screen sizes?


  • Can answer: What is flexbox?
  • Can answer: When would you use flexbox?
  • Can answer: What are the different ways to arrange elements using flexbox?
  • Can answer: In what ways can you position individual items using flexbox?