Learn CSS Variables by Building a City Skyline - Step 112

HTML-CSS
1

Tell us what’s happening:

somebody can help me? i can´t find the error in my code. It took about half an hour. Thanks

Your code so far

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


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

.sky {
  background: radial-gradient(
    circle,
    #ffcf33 0%,
    #ffcf33 20%,
    #ffff66 21%,
    #bbeeff 100%
  );
  height: 100vh;
  width: 100%;
  position: absolute;
  top: 0;
  z-index: -1;
}





/* 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/133.0.0.0 Safari/537.36 Edg/133.0.0.0

Challenge Information:

Learn CSS Variables by Building a City Skyline - Step 112

2

Please talk about how you got suck figuring out what is wrong. Talking about code is a critical skill

1 Like
3

:one: First, I noticed that something wasn’t working
“I got an error that said there should be two <p>, but I already had them in my code. Then I thought, ‘Okay, something weird is going on.’”

:two: I went through the code calmly
“I took a look at my code line by line to make sure they <p> were actually inside the <div class="author">.”

:three: I used tools to see what was going on
“I opened the browser console (F12 → Inspector) and checked if the ones <p> actually appeared in the structure. There I saw that they were inside another <section> that should not be there.”

:four: I tried making small changes
“I moved the div class=“author” right after the </header>, removed any weird spaces and rewrote them p manually to make sure there were no invisible errors.”

4

You should not be changing any HTML in this step. You can reset it and try again

1 Like
5

This is awesome, thanks!

I’m a bit confused about the description though because this is a CSS based step? I would change zero HTML.

2 Likes