Tribute Page - Build a Tribute Page

HTML-CSS
1

Tell us what’s happening:

how do we set display to block and max-width to 100% in building a tribute page

Your code so far

<!-- file: index.html -->
<main id="main">
  <h1 id="title">Dr.Norman Borlaug</h1>
  <figure id="img-div">
    <div id="img-caption">The man who saved a billion lives
    </div>
  <img
  id="image", src="https://cdn.freecodecamp.org/testable-projects-fcc/images/tribute-page-main-image.jpg." 
  alt="Dr. Norman Borlaug seen standind in Mexican field with a group of biologist"
  />
  </figure>
    <p id="tribute-info">Dr.Norman Borlaug third from left trains biologist in mexico on how to increase yeast yield-part of his life long war on hunger</p>
<a id="tribute-link" target="_blank" href=":wikipedia entry">wikipedia entry</a>
<link rel="stylesheet" href="styles.css></link>
</main>

/* file: styles.css */
 image {
  height:100%;
  max-width: 100%;
  allign:center;
  display: block;
}

Your browser information:

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

Challenge Information:

Tribute Page - Build a Tribute Page

2

Welcome back to the forum @shamah

  • Your img element should have a display of block.
  • Failed:Your #image should have a max-width of 100%.

You do not have an image element in your html page.

Also, your href attribute value is missing a quote mark at the end.

Make sure you do not copy the content from the project. Choose someone you admire, or someone who inspires you.

Happy coding

3

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