Tribute Page - Build a Tribute Page

HTML-CSS
1

Tell us what’s happening:

idk why its giving me error saying “img should have height set to auto”

Your code so far

<!-- file: index.html -->
<!DOCTYPE html>
<html lang="en">
<head>
  <link rel="stylesheet" href="styles.css"/>
  
  <title id="title">Tyson pro</title>
  <h1>El es tyson</h1>
  <p>perro pro </p>
</head>
<body>
    </header>
  <main id="main">
    <header>
    <div id="img-div">
    <img src="tysonpro.jpg" alt="tysonpro" id="image" width="200" height="150">
    <div id="img-caption">
    <p id="img-caption">Tyson fucking pro :V</p>
    </div>
    </div>
    <div id="tribute-info">
        <p id="tribute-info">Esta pagina esta dedicada a mi perro el mas pro :3</p>
    </div>
    <a id="tribute-link" target="_blank"href="https://www.youtube.com/watch?v=k-RcftDUUpw&ab_channel=ChrisSing">Para mas informacion clickea acá</a>
    </main>
  <footer>
    </footer>
</body>
</html>

/* file: styles.css */
img {
  max-width: 100%;
  display: block;
  height: auto;
  margin: 0 auto;
}
#image{
  height:auto;
}

Your browser information:

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

Challenge Information:

Tribute Page - Build a Tribute Page

2

hi there,

you have syntax errors in your html that should be fixed so that the testcase can read your code properly.
please use this tool to check your code
https://validator.w3.org/nu/#textarea

3

Fixed it but it didnt work :,c

4

can you post the fixed code now (here?)