Tribute Page - Build a Tribute Page

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

For all I can see, it looks like my code should be passing the final test, ie the image is centered, even when changing the width of the window. I don’t understand why it’s not being accepted, maybe someone could point out where I’m going wrong?

I know it’s not pretty, I wanted to get to that later :sweat_smile:

Your code so far

<!-- file: index.html -->
<DOCTYPE html>
  <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device width, initial scale=1.0">
    <meta name="description" content="freeCodeCamp certification project tribute page">
    <title id="title">fCC project tribut page</title>
    <link rel="stylesheet" href="styles.css"/>
  </head>
  <body>
    <header>
      <div id="header-div" class="header-div">
    <h1>Professor Farnsworth</h1>
    <p>Space Pilot 3000</p>
    </div>
      <nav>
       <ul>
         <ul <a href="#early-life">>Early Life</ul>
         <ul <a href="#time-paradox">>Time Paradox</ul>
         <ul <a href="#??????">>??????</ul>
        </ul>
      </nav>
    </header>
    <main id="main">
      <figure class="img-div" id="img-div">
        <img class="main-image" src="http://theinfosphere.org/images/a/a2/Farnsworth's_Reading_Glasses.jpg" alt="A picture of Professor Farnsworth with his reading glasses" id="image">
        <figcaption id="img-caption">Professor Farnsworth with his reading Glasses</figcaption>
      </figure>
      <div id="early-life" class="early life">
        <p>So what's this all about then eh?</p>
      </div>
      <div id="tribute-info" class="tribute-info">
        <ul>
          <li>2278 dsguidsfibn</li>
          
          <li>2286 dsguidsfibn</li>
          
          <li>2287 dsguidsfibn</li>
          
          <li>2290 dsguidsfibn</li>
          
          <li>2292 dsguidsfibn</li>
          
          <li>2297 dsguidsfibn</li>
          
          <li>2300 dsguidsfibn</li>
          
          <li>2301 dsguidsfibn</li>
          
          <li>2308 dsguidsfibn</li>
        </ul>
        <p>for more information, click <a id="tribute-link" href ="https://en.wikipedia.org/wiki/Professor_Farnsworth" target="_blank">here</p>

      </div>

    </main>
  </body>
/* file: styles.css */
header{
  width:90%;
  max-width:1000px;
  height:150px;
  background-color:#D7C264;
  display:flex;
  justify-content:space-between;
  margin-left:auto;
  margin-right:auto;


}

.header-div {
  display:flex;
  justify-content:center;
  flex-direction:column;
  align-items:center;
}

main {
  display:flex;
  flex-wrap:wrap;
  flex-direction:column;
  justify-content:center;
  align-items:center;
}


.img-div {
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  width:80%;
  max-width:1000px;
}



.main-image {
  display:block;
  width:80%;
  max-width:100%;
  max-height:100%;
  min-width:330px;
  margin-left:auto;
  margin-right:auto;
}

Your browser information:

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

Challenge: Tribute Page - Build a Tribute Page

Link to the challenge:

Welcome to our community!

  • <DOCTYPE html> … the declaration is not completed. It misses something.

  • <ul <a href="#early-life">>Early Life</ul>↩ <ul <a href="#time-paradox">>Time Paradox</ul>↩ <ul <a href="#??????">>??????</ul>
    All anchor tags have only the opening tags

  • <p>for more information, click <a id="tribute-link" href ="https://en.wikipedia.org/wiki/Professor_Farnsworth" target="_blank">here</p>
    Where is the closing </a> tag?

  • What is the hint in this case? Copy/paste here.

Thank you!

I’ll try not to make that mistake with the anchor tags again. I get a bit confused with closing tags sometimes, as many things seem to work without them.

What do you mean with the hint? If I click Get Help → Get a Hint, it tells me this: “Hints/Solutions are not provided for certification projects as these are intended to be a test of your learning and understanding.”

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