Website Practice Tasks
Practice website replication with real design, semantic markup, responsive behavior, and delivery quality.
| Task | What You Practice |
|---|---|
| 01 — Replicate a Landing Page | Pixel-perfect replication (Hero + Features + CTA sections), design token extraction from Figma, reusable components (one FeatureCard mapped over data), responsive layout at 3 breakpoints, semantic HTML (h1/h2/h3/button/a), CTA form with loading state and error handling, image optimization and alt text |
