Day 4: Responsive Polish & Lighthouse Audit

Daily Objective

Polish multi-screen responsiveness and audit performance, accessibility, and SEO using Lighthouse.

1. Running a Lighthouse Audit

1. Open Chrome DevTools (F12).
2. Navigate to the Lighthouse tab.
3. Select Navigation, Mobile, and check Performance, Accessibility, Best Practices, and SEO.
4. Click Analyze page load.
5. Aim for 90+ across all categories!

Daily Hands-on Practice (70%)

1. Fix any accessibility contrast warnings or missing label errors reported by Lighthouse.
2. Test touch interactions and viewport wrapping on simulated mobile screens.