HTML CSS Exercise - create linear, radial, repeating linear and repeating radial gradients with CSS3

HTML CSS Exercise - 26

In this exercise you will create linear, radial, repeating linear and repeating radial gradients with CSS3.

On completion, the page will look like following

Use the following editor to complete the exercise.

See the solution in the browser

See the Pen html css common editor by w3resource (@w3resource) on CodePen.

Previous: Let padding and border not affect available width and height.
Next: Create a border image With CSS3.