Learn it. Practise it. Prepare it. Prove it.

Create an interactive counter

Use DOM events to increment, decrement, and reset a visible count.

Build a tab switcher

Three buttons, one status line — clicking a tab should update which one is shown as active.

Validate a required field on submit

Clicking submit on an empty required field should show a real error, not fail silently.

Build a 3-column grid gallery

Arrange a set of tiles into an even, gapped grid using CSS Grid.

Add a skip-to-content link

Give keyboard users a way to jump past repeated navigation straight to the main content.

Toggle an accordion panel open and closed

Clicking the same trigger twice must close it again — the part candidates most often miss.

Toggle a FAQ answer

Wire up a button so clicking it flips a status between open and closed.

Build responsive pricing cards

Create a flexible pricing layout that adapts cleanly to narrow screens.

Build an accessible profile card

Create a semantic profile card with an image, biography, and contact link.

Fix the overflowing grid

Fixed-width tiles are wider than their container — swap them for a real responsive grid.