Learn-css-variables-by-building-a-city-skyline - Step 105

Can someone help me with what’s wrong with this Code?
You should give .fb5 a second repeating-linear-gradient in the background property.

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

1 Like

You changed things in the first repeating linear gradient that you shouldn’t have changed. You might want to restart the step to get the original CSS back. Then, only add a second gradient. Do not make any changes to the one that is already there.

it still not working and show the error

You’ll need to show us your updated CSS so we can see what you did.

To display your code in here you need to wrap it in triple back ticks. On a line by itself type three back ticks. Then on the first line below the three back ticks paste in your code. Then below your code on a new line type three more back ticks. The back tick on my keyboard is in the upper left just above the Tab key and below the Esc key. You may also be able to use Ctrl+e to automatically give you the triple back ticks while you are typing in the this editor and the cursor is on a line by itself. Alternatively, with the cursor on a line by itself, you can use the </> button above the editor to add the triple back ticks.

1 Like

I am stuck there too. My code so far:

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

Please do not hijack another users post

If you have a question about a specific challenge as it relates to your written code for that challenge and need some help, click the Ask for Help button located on the challenge (it looks like a question mark). This button only appears if you have tried to submit an answer at least three times.

The Ask for Help button will create a new topic with all code you have written and include a link to the challenge also. You will still be able to ask any questions in the post before submitting it to the forum.

Thank you.

It seems that you add a 90deg value to the first gradient. Try to restart the lesson. Hope this can help you!

Mod edit: removed solution

@Ciberi

It is great that you solved the challenge, but instead of posting your full working solution, it is best to stay focused on answering the original poster’s question(s) and help guide them with hints and suggestions to solve their own issues with the challenge.

We are trying to cut back on the number of spoiler solutions found on the forum and instead focus on helping other campers with their questions and definitely not posting full working solutions.

I keep not passing on these repeating linear-gradients as well, i have found that once I move them towards the bottom of the set, after the background color that is in there, it passes. i dont know if anyone can shed light on that… hope this helps thanks everyone!

You have a comma in the last var (44%,) that shouldn´t be. I hope this has helped you.

1 Like