Learn CSS Variables by Building a City Skyline - Step 113

Programming HTML-CSS
1

Tell us what’s happening:

Your code so far

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/118.0.0.0 Safari/537.36

Challenge Information:

Learn CSS Variables by Building a City Skyline - Step 113

2

Please Tell us what’s happening in your own words.

Learning to describe problems is hard, but it is an important part of learning how to code.

Also, the more you say, the more we can help!

3

Hey,

At the top of the sky gradient color list, where you would put a direction for the gradient; add circle closest-corner at 15% 15%, . This will move the start of the gradient to 15% from the top and left. It will make it end at the closest-corner and it will maintain a circle shape. These are some keywords built into gradients to describe how it behaves.

This is my code:

.sky {
  background: radial-gradient(circle closest-corner at 15% 15%,#ffcf33,#ffcf33 20%,
      #ffff66 21%,
      #bbeeff 100%,
      
    );
}

Can you tell me where I am doing wrong?

4

I see you copy pasted the instructions, but it helps if you also talk about how you are stuck.