5 hands-on exercises and 5 find-the-bug challenges for the CSS Form Styling lesson. Every one is checked automatically in the browser — write the code, run it, and the tests tell you what still fails.
Give #input 8px padding and a 1px solid #cccccc border.
Give #btn a navy background and white text.
Put #label on its own line.
Let #area resize vertically only.
Stack the fields in a column with a 12px gap.
A border needs a style to be drawn.
The button should be navy with white text.
Ready to write the code?
The editor, the automatic checks and the worked solutions open up with an account.
Open the workspaceA label on its own line needs display: block.
Vertical-only resizing uses the value vertical.
The fields should stack in a column.