Tribute Page - Build a Tribute Page

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:

Hey! Welcome to the freeCodeCamp’s community forums.

It looks like you changed the href attribute to something else because it is supposed to be styles.css.

Hope this helps! :smile:

Aye Dios Mio thanks for that !

1 Like

Don’t worry about it. Let us know if you need help with anything else!

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