Learn CSS Variables by Building a City Skyline - Step 51

i dont know where is the missing part

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

Link to the challenge:

Please post your actual code instead of a picture. Thanks

look very closely at the example they give you…
Notice how the first color is specified on two lines? (once with 0% and another with 40%?)
Why do you think they do that?

Edit: looks like you found my last response on this topic. Hopefully it will help you.


I had a similar issue and your answer helped a lot. Outside of this specific lesson, can’t the 0% and 6% be written sequentially after both var()?

1 Like

@asma.kh https://codepen.io/ to share code

Google “css linear gradient”, you will understand that your syntax is wrong.

Otherwise you can refer to hint syntax provided in the same step

Gradient transitions often gradually change from one color to another. You can make the change a solid line like this:

Every function has its own requirements for input parameters. So whenever you are not sure how to write a linear-gradient function for eg just look it up online and see what input values it takes and in what order. (In this case each colour stop is made up of one colour value and one percentage value to tell the function where it stops).

i added an extra comma at the last of variable that i used, that caused problem to me, now its solved


exactly the problem lol i was carried away with copy and paste

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