Tribute Page - Build a Tribute Page

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">
   <link rel="stylesheet" href="style.css">
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
	<main id="main">
   <h1 id="title">Hulk Tribute</h1>
   <p>Dont make him angry</p>
   <figure id="img-div">
    <img src="" dr="Hulk raging" id="image" name="image"/>
    <figcaption id="img-caption">Hulk screaming in his fight with Abomination
   <section id="tribute-info">
     <h3>Read more about the Incredible Hulk on Marvels <a id="tribute-link" target="_blank" href="">Wiki</a>
/* file: styles.css */
img {
 display: block;
 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/ Safari/537.36

Challenge: Tribute Page - Build a Tribute Page

Link to the challenge:

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

oh my… :sweat_smile: Thank you so much!

1 Like

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