World
Build the Web
Build real web pages from scratch. Learn HTML structure, CSS styling, layouts, responsive design and reusable components, then put everything together in two complete websites.
World map
Choose your next quest
0 of 76 coding missions complete
World
Build the Web
HTML Foundations
Build a clear page with headings, paragraphs, emphasis and correct nesting.
Links, Images & Structure
Turn a plain document into a real page with links, images, lists, navigation and semantic sections.
CSS: Make It Yours
Learn selectors, colours, typography, classes and reusable styles by transforming a plain page.
The Box Model
Learn width, padding, border, margin, border radius, shadows and predictable sizing by building a profile card.
Buttons, States & Cool Effects
Make static pages feel alive with hover, active states, cursor changes, transforms and transitions.
Flexbox
Arrange navigation, toolbars, cards and hero sections with flexible one-dimensional layouts.
CSS Grid
Build galleries and card libraries with rows, columns, gaps and featured items.
Forms & Inputs
Build and style a practical sign-up form with labels, inputs, select menus, textareas, buttons and focus states.
Responsive Websites
Make pages work on wide and narrow screens with max-width, fluid media, relative units and media queries.
Build a Real Landing Page
Combine the whole world into PixelForge: navigation, hero, cards, grids, interactions and responsive design.
The Client Challenge: Sunny Side Café
Build a complete café website from a fixed client brief. The direction is clear, but more of the HTML and CSS decisions are yours.