Mobile Web Development

Preperation

• W3Schools Documentation:
  • Read W3Schools Responsive Web Design RWD Intro through RWD Images
• MDN Documentation:
  • Read the page on Responsive Images
• See the CSS Tricks posters:
  • https://css-tricks.com/wp-content/uploads/2022/02/css-grid-poster.png
  • https://css-tricks.com/wp-content/uploads/2022/02/css-flexbox-poster.png 

In class: 

• Explore how to target different devices with different screen sizes and resolutions
• Design a responsive page using media queries 

Check Your Understanding

• Why is it a good practice to use "mobile first" design for responsive sites?