Tribute Page - Build a Tribute Page

Tell us what’s happening:

Not able to qualify only this step I have tried multiple Permutation & Combination after searching on google

  1. Your #img-div, #image, #img-caption, #tribute-info, and #tribute-link should all be descendants of #main

Your code so far

<!-- file: index.html -->
<link rel="stylesheet" href="styles.css">
<main id="main" >
  <p id="title">Dr.NORMAN BORLAUG</p>
  <div #img-div id="img-div" >
    <figure #main>
    <img display #image src="https://cdn.freecodecamp.org/testable-projects-fcc/images/tribute-page-main-image.jpg"  id="image">
    <figcaption    #img-caption id="img-caption" >
      An Image of Dr Norman
      </figcaption>
      </figure>
     </div>
  <body   id="tribute-info" #tribute-info>
This image is from some where in this world 
  </body>
  <a id="tribute-link"  href="https://www.youtube.com/@shivanshojha" target="_blank" #tribute-link></a>
</main>
/* file: styles.css */
img {
 max-width: 100%;
 margin: 0 auto;
 display: block;}

Your browser information:

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

Challenge Information:

Tribute Page - Build a Tribute Page

#img-div is CSS selector, used in your CSS file to apply styles for the corresponding HTML elemment.
Why did you put it in HTML element tag?

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