Learn CSS Variables by Building a City Skyline - Step 105

HTML-CSS
1

Tell us what’s happening:

Not sure what I am missing. I have been stuck and unable to see the issue.

Your code so far

<!-- file: index.html -->


/* file: styles.css */
/* User Editable Region */

.fb5 {
  width: 10%;
  height: 33%;
  
  position: relative;
  right: 10%;
  background: repeating-linear-gradient(var(--building-color2)0%,
      var(--building--color2) 12%,transparent 5%,
      transparent 10%), repeating-linear-gradient(90deg,var(--window--color2) 12%,var(--window--color2) 44%);
}

/* User Editable Region */

Your browser information:

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

Challenge Information:

Learn CSS Variables by Building a City Skyline - Step 105

2

You have deleted some code that was already there, and you have merged the additional code in with your existing code. The instructions say to add another repeating-linear-gradient just below the existing one. You should end up wiht 2 sets of code for repeating-linear-gradient. Reset to get the code back and start again.

1 Like