Landing Pages

Summary

Marketing-style single pages (hero, features, pricing, testimonials, CTA) — the most common real-world layout you'll build as a frontend developer. A realistic landing page should balance visual hierarchy with semantic HTML, accessibility, responsive behavior, performance, and clear conversion paths.

• 1Build 2-3 different landing pages with distinct hero and pricing-section layouts. Keep the first version small, then add one improvement after the core behavior works.
• 2Practice making every section responsive down to mobile width. Test it with at least one normal case and one edge case so you can explain the behavior confidently.
• 3Focus on visual hierarchy — spacing, font size and contrast guiding the eye.