Tribute Page - Build a Tribute Page

HTML-CSS
1

I dont know if my style sheet isnt linking correctly but, im stuck on 3 instructions.
" * Your img element should have a display of block.

*Your #image should have a max-width of 100%.

*Your #image should be centered within its parent."

   **Your code so far**

/* file: index.html */
<!DOCTYPE html>
<html lang="en">
 <head>
   <link rel="stylesheet" href="style.css">
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
 </head>
 <body>
	<main id="main">
   <h1 id="title">Hulk Tribute</h1>
   <p>Dont make him angry</p>
   <figure id="img-div">
    <img src="https://cdn.britannica.com/64/182864-050-8975B127/Scene-The-Incredible-Hulk-Louis-Leterrier.jpg" dr="Hulk raging" id="image" name="image"/>
    <figcaption id="img-caption">Hulk screaming in his fight with Abomination
    </figcaption>
   </figure>
   <section id="tribute-info">
     <h3>Read more about the Incredible Hulk on Marvels <a id="tribute-link" target="_blank" href="https://marvel.fandom.com/wiki/Bruce_Banner_(Earth-616)">Wiki</a>
     </h3>
   </section>
 </main>
 </body>
</html>

/* file: styles.css */
img {
 display: block;
}
#image{
 max-width: 100%;
 height: auto;
 margin: 0 auto;
}
body {
 text-align: center;
}
h1 {
 text-align: center;
}

   **Your browser information:**

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

Challenge: Tribute Page - Build a Tribute Page

Link to the challenge:

2

Hi! Welcome to the forum!

You’ve diagnosed the issue correctly, your style sheet link isn’t right.

Let’s compare your style sheet link.

<link rel="stylesheet" href="style.css">

With the note at the end of the tribute page user stories.

Note: Be sure to add <link rel="stylesheet" href="styles.css"> in your HTML to link your stylesheet and apply your CSS

There is one important thing missing. Remember, links have to be exact to the letter to work.

1 Like
3

oh my… :sweat_smile: Thank you so much!

1 Like
4

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