Need help on step 60 for the skiyline assessment

HTML-CSS
1

This is my code but its not running and not sure why its not correct can someone help me out please thank you so much.
![image|461x500]

image
image519×601 27.3 KB
.bb3 { width: 10%; height: 55%; background-color: var(--building-color3); background: repeating-linear-gradient( 90deg, building-color3 0%, building-color3 15%, window-color3 15% ); }

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

2

Can you post your code using the format instead of posting images. You can use the format button which looks like </>. This way we can copy and paste the code in the challenge on our side to see whats going on

Please provide a link to the challenge as well.

3

updated it Thank you!

4

So, the first thing is since you are using building-color-3, and window-color-3 you need to use var because those are variables. Look at the background-color example, see how it is using var? You need to add that to all three of your variables.

Second, you do not need to add any percentages for the first two colors, the only percentage you should be adding is 15% for the last one.

5

Thank you for the response and I’m glad you pointed out my error I’m sitll trying to figure out whats wrong still as i’ve already fulfilled the hint

image

.bb3 {
  width: 10%;
  height: 55%;
  background-color: var(--building-color3);
  background: repeating-linear-gradient(90deg,
    var(--building-color3) 0,
    var(--building-color3) 7.5,
    var(--window-color3) 15%
  );
}
6

In my last reply I said the following. Meaning the first two should not have any numbers

1 Like
7

Thank you so much for the clarification and helping me out with this been stuck on it all day

1 Like
8

No problem, I probably could have made that more clear the first time but glad you got through it

9

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