Learn CSS Variables by Building a City Skyline - Step 113

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.

.sky {
circle: closest-corner(15% 15%);
background: radial-gradient(
#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/114.0.0.0 Safari/537.36

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

Link to the challenge:
https://www.freecodecamp.org/learn/2022/responsive-web-design/learn-css-variables-by-building-a-city-skyline/step-113`Preformatted text`

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.

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 113

Link to the challenge:

Hello @ronikoswara795,
Remember how you added directions to your linear-gradient you are to add the value you were given in the instruction in the place where you normally place your gradient direction. I hope this helps.
Happy coding!

1 Like
circle closest-corner at 15% 15%,

This is the value that should be added to the existing .sky selector’s background property. Don’t change the given code line for the direction in the ‘linear-gradient’. It should be exactly as is.

put the stated expression just after the radial gradient paranthesis

mod edit: removed

It is great that you solved the challenge, but instead of posting your full working solution, it is best to stay focused on answering the original poster’s question(s) and help guide them with hints and suggestions to solve their own issues with the challenge.

We are trying to cut back on the number of spoiler solutions found on the forum and instead focus on helping other campers with their questions and definitely not posting full working solutions.

1 Like

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