Learn CSS Variables by Building a City Skyline - Step 112

HTML-CSS
1

i dont understand whats wrong with my code, please help

Step 112

Give the sky class a radial-gradient. Use #ffcf33 from 0% to 20%, #ffff66 at 21%, and #bbeeff at 100%. This will add circular gradient to the background that will be your sun.**

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

Your browser information:

User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/115.0.0.0 Safari/537.36

Challenge: Learn CSS Variables by Building a City Skyline - Step 112

Link to the challenge:

2

task does mention to use 0% when writing first color, so that’s what you should do.

3

thank you, but thats not it unfortunately, i did try that before and in the previous steps it was not necessary either to put down the 0% in the first color

4

since FFC is so finnicky, try this

radial-gradient(

it’s usually a single space, which doesnt really affect anything in real world coding, that gives you problem in this learning area.

5

Welcome to the community.

Please try the following with your posted code?
Remove the space between the radial-gradient and the bracket.
Add a semi-colon ; after the )

I tested before making the suggestion.

Happy coding! :slight_smile:

6

While this is true

In code outside of FCC having a space will work, but something to keep in mind is no documentation shows a space so its best to get familiar and use the standard way without a space. Just something to keep in kind going forward

7

Thank you guys so much! I deleted the space and it worked, got to be more careful in the future with these little things.

1 Like
8

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