Full-Stack · Quick Reference

Lesson 13 — Project 2: Landing Page Cheat Sheet

Full-Stack

In one line: Combine Flexbox nav, Grid cards, CSS variables, and 3-breakpoint responsiveness into one complete landing page.

Build Checklist

1Flexbox nav — logo left, links right

2Hero — heading, subtext, CTA button

3Grid cards section (3+ cards)

4Footer

5CSS variables for colour palette

Hover animation on CTA

transition + transform

Responsive breakpoints

mobile / tablet / desktop

Card columns

1 → 2 → 3

Test

Resize browser, nothing overlaps