The debugging workshop

Find the bug. Understand the fix.

Start with the symptom. Gather evidence. Change one thing.

Each exercise includes a hint, possible repairs and a working comparison. No score, account or saved progress. Try again whenever you like.

The missing picture

Find a one-character difference in an image path.

Understand why 100% plus padding can be too wide.

Give a supporting form action an explicit button type.

Match a selector to the element that actually exists.

Find the parent stacking context that controls the overlap.

Replace a pointer-only control with a native button.