How can this be fixed

HTML-CSS
1 
<main id="main">
  <title id='title'>Tribute Page</title>
  <figure id="img-div">
    <img id='image'/>
    <div id='img-caption'>Text</div>
    </figure>
    <div id='tribure_info'>Text</div>
    <a id='tribute' href='https://www.amalgamcollection.com/cdn/shop/products/DSCF7589_4000x2677_crop_center.jpg?v=1617794043'>Link</a></main>

tribute
tribute883×574 44.1 KB

2

https://www.freecodecamp.org/learn/2022/responsive-web-design/build-a-tribute-page-project/build-a-tribute-page

3

In code, you are missing the target attribute and the value.

In the image, you are missing the = between the attribute and the value.

If you have a question about a specific challenge as it relates to your written code for that challenge and need some help, click the Ask for Help button located on the challenge (it looks like a question mark). This button only appears if you have tried to submit an answer at least three times.

The Ask for Help button will create a new topic with all code you have written and include a link to the challenge also. You will still be able to ask any questions in the post before submitting it to the forum.

Thank you.

4

Tell us what’s happening:
How can this be fixed it isn’t working

<!-- file: index.html -->
<main id="main">
  <title id='title'>Tribute Page</title>
  <figure id="img-div">
    <img id='image'/>
    <div id='img-caption'>Text</div>
    </figure>
    <div id='tribure_info'>Text</div>
    <a id='tribute' href='https://www.amalgamcollection.com/cdn/shop/products/DSCF7589_4000x2677_crop_center.jpg?v=1617794043'>Link</a></main>

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

Your browser information:

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

Challenge: Tribute Page - Build a Tribute Page

Link to the challenge:

5

Can you talk about it what way it isn’t working and what you have tried to fix it?

6

You have to add the target attribute to the a element with the value _blank

7

Also, you have CSS applied to an img but there is no img assigned in your first img so nothing is displayed

8

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