Build a Tribute Page- cant understand how do they want me to resize the image

Tell us what’s happening:
cant understand what is the 8th requirement of this project- “The img element should responsively resize, relative to the width of its parent element, without exceeding its original size.”

Your code so far

<script src=""></script>
<html id="main">
  <h1 id="title"> how i found the mystery dungeon </h1>
  <h2 id="author"> by ron zamir </h2>
<div id="img-div"> <img src="" id="image" alt="dungeon image"> <p id="img-caption"> this image shows the largest dungeon on earth, the apcalypse dungeon</p></div>-->
  <div id="tribute-info">


 #title {
  color: #ff0000;
   font-size: 45px;
   background-color: yellow;
#author {
  font-size: 23px;
  padding: -10px;
#img-caption {
#tribute-info {
  position: center;
  width: 100%;
    height: 20%;
img {
max-width: 120px;

Your browser information:

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

Link to the challenge:

I’ve edited your post for readability. When you enter a code block into the forum, precede it with a line of three backticks and follow it with a 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.


Can you please post a url, so we can view all the code and perform the tests ourselves? You only posted a portion of it and it will be easier to debug if we have the full project to work with.