Step 15 Building a City Skyline curriculum is missing important information

Describe the Issue

In step 15 of the curriculum called Learn CSS Variables By Building a City Skyline, the instructions fail to provide the name of the variable that is being referenced. The instructions say: To use a variable, put the variable name in parentheses with var in front of them like this: var(--variable-name). Add your variable as the value of the background-color property of the .bb1a class. Whatever value you gave the variable will be applied to whatever property you use it on. In this case, your variable has the value of #999. So #999 will be used as the value for the background-color property.

Notice that at no point does this paragraph give the exact name of the variable that is to be used to pass this step. (“Add your variable…the variable…your variable” all of these are not variable names)

Affected Page

https://www.freecodecamp.org/learn/2022/responsive-web-design/learn-css-variables-by-building-a-city-skyline/step-15

Your code

Expected behavior

Instead the instructions should mention the variable name once:

To use a variable, put the variable name in parentheses with var in front of them like this: var(–variable-name). Add your variable as the value of the background-color property of the .bb1a class. Whatever value you gave the variable will be applied to whatever property you use it on. In this case, the variable --building-color1 has the value of #999. So #999 will be used as the value for the background-color property.

Screenshots

No response

System

• Device: Laptop
• OS: Windows 11
• Browser: Chrome
• Version: n/a

Additional context

No response

[jeremylt]

Change the text to:

To use a variable, put the variable name in parentheses with var in front of them like this: var(–variable-name). Whatever value you gave the variable will be applied to whatever property you use it on.

Add the variable --building-color-1 you created in the previous step as the value of the background-color property of the .bb1a class.

Seems straightforward of a PR. I’ll open it for first timers.

[naomi-lgbt]

Releases aren’t done on a specific schedule.

We merge main into prod-staging to trigger a staging release (on freecodecamp.dev), and merge prod-staging into prod-current to trigger a production release.