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

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

#1

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="https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js"></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="https://img2.cgtrader.com/items/313312/a632516a61/large/medieval-dungeon-modular-3d-model-low-poly-obj-3ds-fbx-blend-X-mtl.jpg" 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">
   <p> 

css:

 #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:
https://learn.freecodecamp.org/responsive-web-design/responsive-web-design-projects/build-a-tribute-page


#2

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.


#3

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.


#4

sure