Learn CSS Variables by Building a City Skyline - Step 112

HTML-CSS
1

Tell us what’s happening:
My code does not pass
Your code so far

.sky {background: radial-gradient ((#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/114.0.0.0 Safari/537.36

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

Link to the challenge:

2

I even tried to use variables in the code

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

Your colors should not be set as variables

.class{
background: radial-linear(
      color1,
      color2 20%,
      color3 21%,
      color4 100%
);
}
4

no solution still

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

Understand that this color should start at 0%

in this example I have given you four colors. Adjust your code.

1 Like
6

That solution worked. Here’s another problem.

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.

code does not pass

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

Mod edit: removed code

8

Do not provide code to pass the challenges

Thanks