Start.dev
Log inSign up

HTML & CSS Fundamentals

Challenge set

HTML & CSS Fundamentals

Build solid HTML and CSS foundations through six Challenges covering semantics, forms, card styling, Flexbox navigation, and responsive Grid layouts.

HTML & CSS

Work through the collection

Challenges in This Set

  1. 01

    HTML & CSS

    Fix the Div Soup Page

    Turn a div-only page into meaningful HTML with header, navigation, list, heading, main, and footer elements that clarify its structure.

    50XPBeginner
  2. 02

    HTML & CSS

    Mark Up a Ramen Recipe

    Replace paragraph-only recipe content with description, unordered, ordered, and nested lists that give each section the right HTML structure.

    50XPBeginner
  3. 03

    HTML & CSS

    Build a Workshop Signup Form

    Build an accessible workshop signup form with connected labels, appropriate controls, and native required-field validation, using only HTML.

    50XPBeginner
  4. 04

    HTML & CSS

    Style an Event Card

    Style a semantic HTML event card with foundational CSS spacing, borders, colors, and a clear deadline badge in the browser preview.

    50XPBeginner
  5. 05

    HTML & CSS

    Build a Flexbox Navigation Bar

    Use CSS Flexbox to align a semantic site header, place the brand and navigation apart, and space the navigation links in one clear row.

    50XPBeginner
  6. 06

    HTML & CSS

    Build a Responsive Product Grid

    Turn a stacked product list into a three-column CSS Grid with consistent gaps, then collapse it to one column on screens up to 700px.

    100XPIntermediate