5 hands-on exercises and 5 find-the-bug challenges for the CSS Gradients lesson. Every one is checked automatically in the browser — write the code, run it, and the tests tell you what still fails.
Give #box a 45deg red-to-blue gradient.
Red at 0% and blue at 100%.
Red, then yellow in the middle, then blue.
Give #box a conic red-to-blue gradient.
A repeating 45deg gradient from red to blue every 20px.
A gradient angle needs deg.
A colour stop position needs a percentage or length.
Ready to write the code?
The editor, the automatic checks and the worked solutions open up with an account.
Open the workspaceA gradient is an image, not a colour.
This gradient should sweep around a centre point.
Use the repeating variant of the function.