Tell us what’s happening:
You should give the .sky
radial-gradient
a direction of circle closest-corner at 15% 15%
Your code so far
.sky {
background: radial-gradient(
circle closest-corner at 15% 15%
),
radial-gradient(
#ffcf33,
#ffcf33 20%,
#ffff66 21%,
#bbeeff 100%,
);
}
<!-- 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 (X11; Ubuntu; Linux x86_64; rv:124.0) Gecko/20100101 Firefox/124.0
Challenge Information:
Learn CSS Variables by Building a City Skyline - Step 113