Learn CSS Variables by Building a City Skyline - Step 46

Tell us what’s happening:
Describe your issue in detail here.
I am unable to solve this error.

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/ Safari/537.36 Edg/116.0.1938.81

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

Link to the challenge:


I am unable to tell if you have two dashes before the building color or one.

It should be two dashes.

Other than not being able to tell that from the screenshot, it looks good.

I would suggest trying submitting from another browser, or resetting the step and just adding the 80% as you have done, correctly.
Sometimes a small error can occur.

.bb1d {
width: 100%;
height: 70%;
background: linear-gradient(orange 20%,
var(–building-color1) 80%,


here is the code , I have added two dashes but still error is there

1 Like

I suggest remove the 20%. that was only for the example. After resetting and entering the 80% as the only change to the code, it should pass for you.

1 Like

Sorry for not noticing it the first glance.

You are going great! Keep up the good progress! :slight_smile:

Thank you so much I removed 20% and it work.

1 Like

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