7 Your img element should have a display of block . failed
8 Your #image should have a max-width of 100%. failed
10 Your #image should have a max-width of 100%. failed
i dont understand what is wrong
Your code so far
<!-- file: index.html -->
<DOCTYPE html>
<html lang='eng'>
<link rel='stylesheet' href="styles.css">
<main id='main'>
<h1 id='title'>Jesus Christ</h1>
<p>The God-man who saved a billion lives</p>
<div id="img-div">
<img id="image" alt="Jesus Christ img" src="https://media.istockphoto.com/photos/heart-of-jesus-christ-typical-catholic-image-picture-id464934517"></img>
<figcaption id="img-caption">Jesus Christ, Redemer of souls, Savior of the world, above all things.</figcaption>
</div>
<div id="tribute-info">
<h3>Heres some scripture of Who He is</h3>
<ul>
<li><strong>John 3:16 -</strong>For God so loved the world, that he gave his only begotten Son, that whosoever believeth in him should not perish, but have everlasting life</li>
<li><strong>John 1:1 -</strong>In the beginning was the Word, and the Word was with God, and the Word was God.</li>
<li><strong>John 10:9 -</strong>I am the door: by me if any man enter in, he shall be saved, and shall go in and out, and find pasture.</li>
<li><strong>John 10:38 -</strong>For I came down from heaven, not to do mine own will, but the will of him that sent me.</li>
<li><strong>John 10:44 -</strong>No man can come to me, except the Father which hath sent me draw him: and I will raise him up at the last day.</li>
<li><strong>Died age 33</strong><strong><em>-Matthew 27:50</em></strong></li>
<li><strong>Rose from the grave age 33-</strong><strong><em>Mark 16:19</em></strong></li>
</ul>
</div>
<h5>If you would like to know more about the Lord of the universe and the keeper of you soul <a id='tribute-link' target="_blank" href="https://livingwatersministry.com/">check this out</a></h5>
</main>
/* file: styles.css */
#main{
max-width:100%;
max-height: 100%;
margin: 10px auto;
padding: 15px;
backround-color: #dddddd;
border-radius: 5px;
#img-div{
margin: 0 auto;
display:block;
padding: 15px;
background-color: #dddddd;
}
#title{
text-align: center;
}
#main > p{
text-align: center;
}
#tribute-info{
max-width: 600px;
margin: 0 auto;
}
#tribute-info > h3{
text-align: center;
}
#tribute-info > ul li{
margin-bottom: 10px;
line-height: 30px;
}
#h5{
text-align: center;
}
Your browser information:
User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/105.0.0.0 Safari/537.36
Challenge: Tribute Page - Build a Tribute Page
Link to the challenge: