Tribute Page - Build a Tribute Page

Tell us what’s happening:
i have tried every way to pass these last three test of the tribute page and nothing has worked , it pass the height of auto but the others of the css page will pass, please help.

  • Your img element should have a display of block.
    :Your #image should have a height of auto.
    :Your #image should be centered within its parent.

Your code so far

<!-- file: index.html -->
<!doctype html>
<html>
  <head> 
  <meta charset="utf-8"
    <link rel="stylesheet" href="styles.css">
     <meta name="viewport"
content="width-device-width, intial-scale=1">
    </head>
<main id="main">
<title id="title"><h1>Superman</h1></title>
<div id="img-div">
 <img id="image"src="https://www.comingsoon.net/wp-content/uploads/sites/3/2022/12/Henry-Cavill-Superman-copy.jpg"/>
 <div id="img-caption">Superman is the gretatest!
</div>
 </div>
  <p id="tribute-info" >This page is the respect for superman</p>
   <a href ="https://www.comingsoon.net/wp-content/uploads/sites/3/2022/12/Henry-Cavill-Superman-copy.jpg" 
  id="tribute-link" target="_blank"
  Learn more of superman here!/>
</main>

</html>
/* file: styles.css */
#image{max-width: 100%;
height: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/116.0.0.0 Safari/537.36

Challenge: Tribute Page - Build a Tribute Page

Link to the challenge:

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