Build A Tribute Page

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8">
    <title>Tribute Page</title>
  </head>

  <body>
    <main id="main">
      <h1 id="title">A Tribute to the Regular Show</h1>
     <div id="img-div">
       <img id="image" src="https://share.google/images/xveiC7HTpZvrQZ7at" alt="regular show">
       <div id="img-caption"> Mordecai and Rigby take part in an epic game of rock-paper-scissors as the rest of the gang watches. </div>
       <p id="tribute-info">
         The Regular Show is an adult animated series that revolves around the antics of Mordecai, a blue jay, and Rigby, a raccoon. Both characters work as groundskeepers at the park, along with Skips (an immortal ape), Muscle Man, High-Five Ghost, and Pops. Their supervisor is Benson, a stressed out gumball machine that often has to deal with the aftermath of Mordecai and Rigby's shenanigans.
       </p>
       <a id="tribute-link" href="https://en.wikipedia.org/wiki/Regular_Show" target="_blank">Regular Show</a>
       </div>
    </main>
  </body>
</html>
img{
  display: block; 
}
#image{
  max-width: 100%;
  height: auto;

  }

I’m running into a brick wall at parts 16, 17, and 19.

I ran my code through a validator, and everything came back fine.

What are tests 16, 17, and 19?

Which specific lines do you think should satisfy those tests?

  • 16. Your img element should have a display of block.

  • 17. Your #image should have a max-widthof 100%.

  • 19. Your #image should be centered within its parent.
    And right now, I’m at a loss. I’ve done everything I’m supposed to do.

Hi,

You need to link your styles.css in the index.html page. If not linked, how will the styles apply?

Can you say what specific lines you think meet those tests please?

Oh, duh :woman_facepalming:

Thanks for pointing that out.