BeginnerShip & Survive

Ship a Landing Page

Name: Ship a Landing Page
Availability: InStock

Write a landing page from an empty file to a finished, responsive, animated screen — using Tailwind CSS and Motion the way working developers do — and be able to say why every line is there.

Start learning

◷ ~6h to complete▤ 36 steps✎ every step is graded, not read✦ 1900 XP◆ 6 badges

⇅Exercise 1What a landing page is actually forStart ◧Exercise 2The skeleton: html, head, one main50 XP ◧Exercise 3Sections that mean something50 XP ◧Exercise 4The viewport line, and what breaks without it50 XP ◧Exercise 5Tailwind on the page, and what a utility class really is50 XP ⚔Exercise 6Chapter test: the empty file80 XP