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: