Tribute Page - Build a Tribute Page

HTML-CSS
1

Tell us what’s happening:

Describe your issue in detail here.
I am having trouble figuring out why I am not passing the following:

  • Failed:You should have an a element with an id of tribute-link.

  • Failed:Your #tribute-link should have an href attribute and value.

  • Failed:Your #tribute-link should have a target attribute set to _blank.

I have gone over it multiple times and I can’t figure out what I’m doing wrong. If the issue is not with the anchor element itself, can you please point out exactly what it is that is the problem?

Your code so far

<!-- file: index.html -->
<!DOCTYPE html>
<html>
  <head><meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="styles.css" />
  <body>
    
    <main id="main">

       <div id="img-div">

      <img src="https://cdnb.artstation.com/p/assets/images/images/014/246/595/large/joao-vagner-junkrat-teste-4.jpg?1543273659" id="image"></div>

      <div id="img-caption">2019 Winter Games</div>

      <h1 id="title">Jamison Fawkes</h1>

      <h3 id="h3">Beach Rat</h3></div>

      <div id="tribute-info"><h3>About Jamison</h3><p>Jamison Fawkes, more commonly known as "Junkrat" is a demolitionist and an international criminal who is being targeted by law-keepers, bounty hunters and other criminals world-wide for the treasure in his possession. He an explosives-obsessed freak who lives to cause chaos and destruction, and is a playable hero in the free-to-play Blizzard FPS game "Overwatch."</p></div>
    <br>
        <div id="tribute-info2"><h3>Beachrat Phenomenon</h3>
        
       <p>During the Overwatch 2019 Winter games, the cosmetic skin "Beachrat" was released for Jamison's character. Upon its initial release, the Overwatch community arose in an uproar of confusion, wondering why this summer themed skin was being released only during the winter. Jamison is Australian. The summer months of Australia fall during North America's winter. Duh.  </div>

      <div id ="tribute-link">
      <footer>  Click <a id="tribute-link" href="https://overwatch.fandom.com/wiki/Junkrat" target="_blank" >here</a> to learn more about Jamison's history.</footer></div>
         
         
         
         



    
    </head>
</footer></main>


</html></body>


/* file: styles.css */
main {

background-color:#008ae6;
color: white;
max-width:100%
max-height:100%;
margin:auto;
}

img {
  width:400px;
  height: auto;
  max-width:100%;
  padding-top:20px;
  padding-bottom: 5px;
  margin: auto;
  border-radius: 500px; 
  display: block;
}

#img-caption {
  font-family:Courier New;
  font-style: italic;
  margin: auto;
  font-size:14px;
  padding-bottom: 4px;
  text-align: center;
  display: block;
}

#title {
font-family: Courier New;
display: block;
color: #ffaa00;
text-align: center;
border:2px solid white;
border-radius:40px;
max-width:350px;
margin: auto;
}

h3 {
  margin:auto;
  padding-top: 2px;
  text-align: center;
  color:#ffaa00;
  font-family: Courier New;
  text-decoration: underline;
}
#tribute-info {
text-align: justify; 
font-family:Arial;
margin:auto;
font-style: italic;
border: 2px solid white;
width: 300px;
padding:20px;

}

#tribute-info2 {
text-align: justify; 
font-family:Arial;
margin:auto;
font-style: italic;
border: 2px solid white;
width: 300px;
padding:20px;

}

#tribute-link {
  margin:auto;
  padding-top: 40px;
  text-align: center;
  font-family: Courier New;
}
a
{color: #ffaa00;}

Your browser information:

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

Challenge Information:

Tribute Page - Build a Tribute Page

2

You appear to have created this post without editing the template. Please edit your post to Tell us what’s happening in your own words.
Learning to describe problems is hard, but it is an important part of learning how to code.
Also, the more you say, the more we can help!

3

this doesn’t look like an a element

1 Like
4

Your html should have ‘lang’ attribute with the value en'. Your should have closing tags`.

5

Above p element should have closing tag

6

Lol so obvious now. Thank you very much!

7

You link text should have p tags around.

1 Like
8

You have Extra div closing tag in above code.

1 Like
9

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