Learn CSS Variables by Building a City Skyline - Step 113

HTML-CSS
1

I am asked to give the .sky radial-gradienta direction of circle closest-corner at 15% 15%` :

Please find my code below

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

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

Link to the challenge:

2

please re-read the exercise especially this line:

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%, .

all you need to do is copy the given text into the proper location where the direction normally is added

1 Like
3

I have tried it, please help me check now;

  background: radial-gradient(
      direction: circle closest-corner 15% 15%,
      #ffcf33,
      #ffcf33 20%,
      #ffff66 21%,
      #bbeeff 100%
    ),
}
4

look at the hint again.
Does it say add direction: circle closest-corner 15% 15%,
or does it say add circle closest-corner 15% 15%,?

5

It says give the .sky radial-gradient a direction of circle closest-corner at 15% 15%

6

you are not doing what it says you should do.
You are adding an extra word and colon.
just do exactly what it says you should do

7

You don’t to tell state that it is direction . circle closest-corner will automatically be known to be, since you are using radial-gradient()

8

thank u for the help

1 Like
9 
background: radial-gradient(circle closest-corner at 15% 15%,
      #ffcf33,
      #ffcf33 20%,
      #ffff66 21%,
      #bbeeff 100%
    );
10

Thank you very much, it works :smiley:

1 Like
11

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