I’m getting 3 errors that I can not figure out. the display: block; max-width: 100%; and image should be centered in parent margin: 0 auto; TIA
**Your code so far**
/* file: index.html */
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<link rel="stylesheet" href="stlyes.css">
<title>Tribute Page</title>
<link rel="stylessheet" href="booktokstyle.css">
</head>
<body>
<main id="main">
<h1 id="title">ChachaSmalls</h1>
<p>The woman who built this page</p>
<figure id="img-div">
<img id="image" src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcRLPpQ8xqnfGH3jTwNDyZThK_A2d9JF6r6BLxokAJUOSg&s" alt="selfie of Chacha with filter">
<figcaption id="img-caption">"A selfie of Chacha. Air Force veteran turned SAHM currently studying coding"</figcaption></figure>
<section id="tribute-info">Life and Times of Chacha:
<a id="tribute-link" href="https://www.pinterest.com/Chachasmalls22/" target="_blank"></section>
</main>
</body>
/* file: styles.css */
#image {
max-width: 100%;
display: block;
height: auto;
margin: 0 auto;
}
**Your browser information:**
User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/104.0.5112.81 Safari/537.36 Edg/104.0.1293.54
Challenge: Tribute Page - Build a Tribute Page
Link to the challenge: