Learn CSS Variables by Building a City Skyline - Step 108

HTML-CSS
1

Tell us what’s happening:

Hint keeps saying: You should give the second repeating-linear-gradient a first color of --building-color3 from 0% to 10%. I did that and it looks exactly like the previous section, which passed. I haven’t been able to figure out what I’ve done wrong.

Your code so far

WARNING

The challenge seed code and/or your solution exceeded the maximum length we can port over from the challenge.

You will need to take an additional step here so the code you wrote presents in an easy to read format.

Please copy/paste all the editor code showing in the challenge from where you just linked.

.fb6 {
  width: 9%;
  height: 38%;
  background-color: var(--building-color3);
  background: repeating-linear-gradient(
    90deg,
    var(--building-color3),
    var(--building-color3) 10%,
    transparent 10%,
    transparent 30%
  ),
  repeating-linear-gradient(
    90deg,
    var(--building-color3),
    var(--building-color3) 10%,
    var(--window-color3) 10%,
    var(--window-color3) 30%
  );
}

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:109.0) Gecko/20100101 Firefox/112.0

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

Link to the challenge:

2

Im on my phone right now so trying to paste your code in the challenge editor is a pain. I did notice this though

“don’t add the 90deg direction”

It looks like your second one still had the 90deg

1 Like
3

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