Tribute Page - Build a Tribute Page. This is my code so far and it's still asking mw to add a max-width property to the .image

HTML-CSS
1

Tell us what’s happening:
Describe your issue in detail here.

Your code so far

<!-- file: index.html -->
<DOCTYPE! html>
  <html lang="en">
    <head>
    <meta charset="utf-8"/>
    <meta name="viewport" content="width=device-width,initial-scale=1"/>
    <link rel="stylesheet" href="styles.css"/>
    <title id="title">Grand Mama</title>
    </head>
    <main id="main">
      <body>
        <header>
<h1 id="tribute-info">Grand Ma's Life</h1>
<p>Lakucha</p>
</header>
        <div id="img-div">
          <img id="image">
        <figcaption id="img-caption">Grand Ma's Amazing Life</figcaption>
        </div>
        <a id="tribute-link" target="_blank" href="link.com">
        </body>
        </main>

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

Your browser information:

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

Challenge: Tribute Page - Build a Tribute Page

Link to the challenge:

2

You are using a class selector but image is an id not a class.

3

Thank you. It’s always the little things.

1 Like
4

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