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

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

Your code so far

<!-- file: index.html -->
<DOCTYPE! html>
  <html lang="en">
    <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>
    <main id="main">
<h1 id="tribute-info">Grand Ma's Life</h1>
        <div id="img-div">
          <img id="image">
        <figcaption id="img-caption">Grand Ma's Amazing Life</figcaption>
        <a id="tribute-link" target="_blank" href="">
/* 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/ Safari/537.36 Edg/111.0.1661.62

Challenge: Tribute Page - Build a Tribute Page

Link to the challenge:

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

Thank you. It’s always the little things.

1 Like

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