Hey can anyone help me with this

Tell us what’s happening:
Describe your issue in detail here.
Im a little confused on this, because its telling me that i should have img display:block; and height: auto; but I have everything and its still not working someone please help me.

/* file: index.html */
<style>
body {
  background-color: black;
  color: white; 
  font-family: Calibri; 
}


</style>? 


<div id="main"> 

<h1 id= "title"> Pain - The Worlds Best Villian </h1> 


<div id="img-div"> 
  <a id="tribute-link" target="_blank" href="https://www.youtube.com/watch?v=jRWw6TW8a1Y">
  <img id="image" src="https://staticg.sportskeeda.com/editor/2022/05/fc58f-16539733862434.png"  alt= "Picture of Pain" width="20%"height="20%">
       </a> 
  <br>
  
  <figcaption id="img-caption"> Pain is a symbol that you can not live life without going throught pain also that not everything can be solved by one persons idea in life this is why there is always conflict between people and starts wars and that there will never be any real peace. </figcaption> 
</div> 
<p id="tribute-info">
  <b> Pain Attiribtues: </b> 
  <ul> 
    <li> Smart</li> 
    <li> fearlessness</li> 
    <Li> Persistence</li> 
</ul> 
  
</p>

</div>


/* file: styles.css */


#image 
{
max-width:100%;
display:block; 
height:auto; 

}
body
{
margin-left: 7vw;
}
  **Your browser information:**

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

Challenge: Build a Tribute Page

Link to the challenge:

I think you forgot about this note in the instructions:

Note: Be sure to add <link rel="stylesheet" href="styles.css"> in your HTML to link your stylesheet and apply your CSS”

1 Like

thank you!! that solve one of many of issues.