Zizni
April 1, 2024, 3:36pm
1
Tell us what’s happening:
Good day all,
I believe everyone is having a great day. I have been stuck at step 112 CSS variables by building a city skyline for more than a week now.
Question:
Step 112
Give the sky class a radial-gradient. Use #ffcf33 from 0% to 20%, #ffff66 at 21%, and #bbeeff at 100%. This will add circular gradient to the background that will be your sun.
My solution with friend and what I found Online:
.sky {
background: radial-gradient (
#ffcf33 0%, #ffcf33 20%, #ffff66 21%, #bbeeff 100%); }
SOlution 2:
.sky {
background: radial-gradient (
#ffcf33 0% 20%, #ffff66 21%, #bbeeff 100%); }
Challenge Information:
Learn CSS Variables by Building a City Skyline - Step 112
Learn to Code — For Free
Can you talk to us about how the instructions or error message has you stuck? Thanks
Zizni
April 1, 2024, 3:52pm
3
this is the error i get
" You should give .sky
a radial-gradient
in the background
property."
under the console tab "
Yeah, but can you talk about what part of that message you don’t understand?
It doesn’t look like you are setting the colors properly.
Look back at some of the other times you’ve set gradients:
.bb1d {
width: 100%;
height: 70%;
background: linear-gradient(
var(--building-color1) 50%,
var(--window-color1)
);
}
Zizni
April 1, 2024, 4:18pm
5
sorry i’m not use to the new changes. below is how i arranged it:
solution 1
.sky {
background: radial-gradient (
#ffcf33 0%,
#ffcf33 20%,
#ffff66 21%,
#bbeeff 100%
);
}
solution 2:
sky {
background: radial-gradient (
#ffcf33 0% 20%,
#ffff66 21%,
#bbeeff 100%
);
}
Compare this line
to this line
What is different (other than the word ‘linear’ vs ‘radial’?
Zizni
April 1, 2024, 4:28pm
7
JeremyLT:
linear
would try this. I hope it works so I can move to the next step
Zizni
April 1, 2024, 4:30pm
8
just did and i got Error " Sorry, your code does not pass. Don’t give up.
You should give .sky
a radial-gradient
in the background
property."
Actually you have spacing issue in your css property.
sky {
background: radial-gradient (
#ffcf33 0% 20%,
#ffff66 21%,
#bbeeff 100%
);
}
Remove space before your opening (
brace
3 Likes
I was not saying to use the word linear
. The instructions don’t ask for that.
I’m asking you to compare the two lines I quoted. There is a difference between how you used linear-gradient
correctly and how you are using radial-graident
here. look at spaces!
I’m getting them there. We want the learner to be the hero in these threads - no need to steal the limeline!
1 Like
Zizni
April 1, 2024, 4:51pm
12
thanks for the help Jeremy LT
1 Like
Zizni
April 1, 2024, 4:52pm
13
i appreciate the help @hasanzaib1389
1 Like
system
Closed
October 1, 2024, 4:52am
14
This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.