Advanced HTML & CSS

Estimated Time: 120 hours

Status: ☐ Not Started

🎯 Objectives

• Build modern, responsive layouts with Flexbox and Grid
• Write semantic HTML and follow accessibility standards (WCAG)
• Understand box model, positioning, and CSS specificity
• Use media queries for mobile-first design
• Learn proper form styling and layout structuring

🔗 Resources

1. freeCodeCamp – Responsive Web Design Certification
2. The Odin Project – HTML and CSS Curriculum

✅ Tasks

• [ ] Complete freeCodeCamp’s Responsive Web Design section (all projects)
• [ ] Work through all Odin Project lessons under “HTML and CSS”
• [ ] Take notes on:
  • Box model
  • Flexbox vs Grid
  • CSS selectors & specificity
  • Accessibility & semantic HTML
• [ ] Complete the following projects:
  • [ ] Responsive portfolio landing page (mobile-first)
  • [ ] Blog layout clone using only HTML/CSS
  • [ ] Build a fully accessible form (keyboard-nav, labels, ARIA)