5 hands-on exercises and 5 find-the-bug challenges for the CSS Input Fields lesson. Every one is checked automatically in the browser — write the code, run it, and the tests tell you what still fails.
Give #input a 6px border radius.
Make #input 240px wide.
Make the text cursor in #input blue.
Give #input a 2px solid navy outline.
16px text, 10px padding, 6px radius.
A border radius needs a unit.
An element's width is set with width.
Ready to write the code?
The editor, the automatic checks and the worked solutions open up with an account.
Open the workspaceThe text cursor colour is caret-color.
An outline needs a style to be drawn.
Fields below 16px cause zooming on mobile.