Learn CSS Variables by Building a City Skyline - Step 113

HTML-CSS
1

Tell us what’s happening:

I am getting this error based on my code that says-
You should give the .sky radial-gradient a direction of circle closest-corner at 15% 15%.

I understand this to mean I should add it to the top of my code under ‘radiant-gradient’, but it isn’t working. Please help?

Your code so far

<!-- file: index.html -->


/* file: styles.css */
/* User Editable Region */

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

/* User Editable Region */

Your browser information:

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

Challenge Information:

Learn CSS Variables by Building a City Skyline - Step 113

2

almost there, but closest-corner should come first

3

Thank you, I tried that and am still getting the same error =(

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

4

Hi there! Do you really need this space?

5

try removing this space

1 Like
6

woohoo! this worked! Thank you =)

1 Like