I keep failing the "Build a Tribute Page " Cert test

HTML-CSS
1

Tell us what’s happening:
Describe your issue in detail here.

  **Your code so far**

\ file: 
<div id="main"> 
<h1 id="title"> Daft Punk </h1>

<div id="img-div">
  <a id="tribute-link" target="_blank" href="https://en.wikipedia.org/wiki/Daft_Punk">
  
  
  <img id="image" src="https://cronicaglobal.elespanol.com/uploads/s1/13/22/56/47/daft-punk-instagram.jpeg" alt="Picture of Daft Punk" width="20%" height="20%">
  </a>
<figcaption id="img-caption"> "I got this picture of us kids in my head" —Daft Punk, Julian Casablancas, Instant Crush </figcaption>
  
  
</div>


<p id="tribute-info">
  <b> Timeline of Daft Punk's career <b>
  <ul>
     <li>1987 - 1992: Early career and Darlin'</li>
        <li>1993 - 1996: First performances and singles</li>
        <li>1997 - 1999: <i>Homework</i></li>
        <li>1999 - 2003: <i>Discovery</i></li>
        <li>2004 - 2007: <i>Human After All</i> and <i>Alive 2007</i></li>
        <li>2008 - 2011: Tron: Legacy</li>
        <li>2011 - 2015: <i>Random Access Memories</i></li>
        <li>2016 - 2022: Final Projects and Disbandonment</li>
    
    </ul>
  
  
</p>


</div>
       

<div id="main"> 
<h1 id="title"> Daft Punk </h1>

<div id="img-div">
  <a id="tribute-link" target="_blank" href="https://en.wikipedia.org/wiki/Daft_Punk">
  
  
  <img id="image" src="https://cronicaglobal.elespanol.com/uploads/s1/13/22/56/47/daft-punk-instagram.jpeg" alt="Picture of Daft Punk" width="20%" height="20%">
  </a>
<figcaption id="img-caption"> "I got this picture of us kids in my head" —Daft Punk, Julian Casablancas, Instant Crush </figcaption>
  
  
</div>


<p id="tribute-info">
  <b> Timeline of Daft Punk's career <b>
  <ul>
     <li>1987 - 1992: Early career and Darlin'</li>
        <li>1993 - 1996: First performances and singles</li>
        <li>1997 - 1999: <i>Homework</i></li>
        <li>1999 - 2003: <i>Discovery</i></li>
        <li>2004 - 2007: <i>Human After All</i> and <i>Alive 2007</i></li>
        <li>2008 - 2011: Tron: Legacy</li>
        <li>2011 - 2015: <i>Random Access Memories</i></li>
        <li>2016 - 2022: Final Projects and Disbandonment</li>
    
    </ul>
  
  
</p>


</div>
       

\ file: 

#img-caption {
width: 300px;
}

#image {
max-width: 100%;
height: auto;
display: block;


}


#img-caption {
width: 300px;
}

#image {
max-width: 100%;
height: auto;
display: block;


}

  **Your browser information:**

User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/101.0.4951.64 Safari/537.36

Challenge: Build a Tribute Page

Link to the challenge:

2

Hey there and welcome to the forums :wave: :slightly_smiling_face:

What seems to be the issue? Any error messages? What’s failing? The more info you give us the better we can help.

3 Likes
3

im getting these 4 errors

You should have a main element with an id of main .

Your img element should have a display of block .

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

Your #image should have a height of auto .

4
  • You have to replace the <div id="main"> with a main element.


Have you linked your css to the html. You can use the link tag.

Example of a link tag:

<link href="styles.css">
2 Likes
5

Okay yes that worked thank you so much!!

1 Like
6

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