Build A Tribute Page

HTML-CSS
1 
<!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.

2

What are tests 16, 17, and 19?

Which specific lines do you think should satisfy those tests?

3

  • 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.

4

Hi,

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

1 Like
5

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

6

Oh, duh :woman_facepalming:

Thanks for pointing that out.

1 Like