Week 4: Responsive design and deployment

Score 4 out of 5 to complete this week.

1. 1. What does a mobile-first stylesheet start with?

   Desktop styles, then max-width queriesSmall-screen styles, then min-width queriesOnly print stylesA separate mobile site
2. 2. Why add <meta name="viewport" content="width=device-width, initial-scale=1">?

   It enables HTTPSPhones render at real device width instead of zooming out a desktop pageIt improves SEO keywordsIt loads fonts faster
3. 3. Which unit scales with the user's chosen font size?

   pxremvhcm
4. 4. What makes an image never overflow its container?

   img { max-width: 100%; height: auto; }img { width: 2000px; }img { float: left; }img { position: fixed; }
5. 5. Which Lighthouse category checks contrast, labels and alt text?

   PerformanceAccessibilitySEOBest practices