Learn CSS Variables by Building a City Skyline - Step 112

HTML-CSS
1

Tell us what’s happening: Depite adding the radial gradient the test says " You should give .sky a radial-gradient in the background property."

.sky
{
background: radial-gradient
(
#ffcf33
#ffcf33 20%,
#ffff66 21%
#bbeeff 100%,
)
}

WARNING

The challenge seed code and/or your solution exceeded the maximum length we can port over from the challenge.

You will need to take an additional step here so the code you wrote presents in an easy to read format.

Please copy/paste all the editor code showing in the challenge from where you just linked.

Replace these two sentences with your copied code.
Please leave the ``` line above and the ``` line below,
because they allow your code to properly format in the post.

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/119.0.0.0 Safari/537.36

Challenge Information:

Learn CSS Variables by Building a City Skyline - Step 112

2

Hello @prithasharma04 !

A few small errors that we all could make in the code.
The parenthesis should be immediately after the radial-gradient so it can be recognized by the program to complete the request.
Please check the commas, after the colors, the last color should not have a comma, but their are a few missing.

I hope this helps you.

Keep up the great progress.

3

.sky {
background: radial-gradient(circle ,
#ffcf33 0%,
#ffcf33 20%,
#ffff66 21%,
#bbeeff 100%);
} Now the test says: " You should give the radial-gradient a first color of #ffcf33 ." I have already given this.

4

Where did the circle come from in the updated code?

Here is your original posted code.

All that is necessary it to remove the space between the radial-gradient and (
and to add the missing comma behind a few of the color, and remove the one after the last color.

Keep up the good progress.

1 Like
5

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.