Build a Tribute Page ¿Bugs?

HTML-CSS
1

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
2

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.

3

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.

4

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
5

You were right, just adding

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

now it works!!!

Thanks a lot, i didn’t know that function

6

Look the comment below, there is the answer

7

thank you! I got to work now.

8

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