Learn CSS Variables by Building a City Skyline - Step 113

HTML-CSS
1

Hi guys,

I can’t pass this lesson, could you give me some hints about how to solve it?

Instructions:

Step 113

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.

My code:

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

Your browser information:

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

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

Link to the challenge:

2

I already found the solution !

I have changed this code:

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

by this code:

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

Thanks anyway !

3

mod edit: removed quoted solution

Thank you for sharing your code