Got problems in my code

I don’t know how the img; element should responsively resize, relative to the width of its parent element, without exceeding its original size and the img element should be centered within its parent element.

I’m using google chrome/72.0.3626.109

Dr.norman's page
write here
      just a wonderful day
       <a href="www.google.com" id="tribute-link" target="_blank">
      </a>
    </div>
   <script src="https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js"></script>
</main>

I don’t see an img tag in your code but…you want to set a CSS element on it with max-width set to the width of the image.

sorry ,here it is…

<!DOCTYPE html>
<html>
  <head>
    <title></title>
  </head>
  <body>
    <main id=“main”>
      <div id=“title”>
        Dr.norman’s page
      </div>
      <div id=“img-div”>
        <img id=“image”>
        <div id=“img-caption”>
          write here
        </div>
      </div>
      <div id=“tribute-info”>
        just a wonderful day
        <a href="" id=“tribute-link” target="_blank">
        </a>
      </div>
    </main>
  </body>
</html>

I don’t know how the img; element should responsively resize, relative to the width of its parent element, without exceeding its original size and the img element should be centered within its parent element.

I’m using google chrome/72.0.3626.109

Set the max-width property on the image id in your CSS.

I’ve edited your post for readability. When you enter a code block into a forum post, please precede it with a separate line of three backticks and follow it with a separate line of three backticks to make easier to read.

See this post to find the backtick on your keyboard. The “preformatted text” tool in the editor (</>) will also add backticks around text.

Note: Backticks are not single quotes.

markdown_Forums

Thanks,for the help i really appreciate it.