Tribute Page - Build a Tribute Page

HTML-CSS
1

I am on step 9 and I am positive my ending css is correct.

<!-- file: index.html -->
<main id='main'>
  <title id='title'>Tribute Page</title>
  <div id='img-div'>
    <img id='image' >
    <div id='img-caption'>Text</div>
    </img>
    </div>
    <div id='tribute-info'>Info</div>
    <a id='tribute-link' href='https://www.freecodecamp.org/learn/2022/responsive-web-design/build-a-tribute-page-project/build-a-tribute-page' target='_blank'>Link</a>
  </main>

/* file: styles.css */
#image {
  max-width: 100%;
  height: auto;
  display: block;
  margin: 0auto;
}

Your browser information:

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

Challenge Information:

Tribute Page - Build a Tribute Page

2

I spot a few issues here

No.1:

You need to link your styles sheet to your html document like mentioned in the directions
Note: Be sure to add <link rel="stylesheet" href="styles.css"> in your HTML to link your stylesheet and apply your CSS

You also should have a more standard html boilerplate like was taught in the html lessons

No.2:
Your img element is missing the necessary attributes for the image location and alt text

also be careful that img elements are self closing meaning that they don’t have closing tags like this

Once you fix those things, then the tests should pass

2 Likes
3

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