Build a Tribute Page ¿Bugs?

I’m trying to complete the challenge of ‘‘Build a Tribute Page’’ but in the CSS section, every time and every code I write on it doesn’t happen anything on the console. And also, the test doesn’t recognize my code. is it a bug? or is my code wrong?

I think this is a new function because, before you had to do it in codepen.io

Html

<figure id="img-div">
      <img 
      alt="Rocket League" 
      id="image" 
      src="https://cloudfront-us-east-1.images.arcpublishing.com/infobae/7C4F2SEIYNGGLIORELZ2WOLCQQ.jpg"
      />
      <figcaption id="img-caption">
        Rocket League salio en el 2015
      </figcaption>
    </figure>

CSS

#image {
  display: block;
  max-width: 100%;
  height: auto;
  margin: 0 auto;
  margin-top: -1rem;
  border-radius: 10px;
}

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

Challenge: Build a Tribute Page

Link to the challenge:

1 Like

Hey there!

You’ll want to link your CSS file to your HTML file.

The curriculum updates we released today cover this topic, but MDN also has an example.

I’m having the same problem also and tried to use the reference you supplied, but it isn’t connecting it to give me a pass.

Without seeing the code we have no way of knowing what is wrong.


Anyway, this basic setup should work.

<!DOCTYPE html>
<html>
  <head>
    <link rel="stylesheet" href="styles.css" />
  </head>
  <body>
   <!-- Your code -->
  </body>
</html>
1 Like

You were right, just adding

<link rel="stylesheet" href="styles.css" />

now it works!!!

Thanks a lot, i didn’t know that function

Look the comment below, there is the answer

thank you! I got to work now.