Tribute Page - Build a Tribute Page

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:

I do not see selector for an element with id='image'

you have a typo in #main selector

#main selector is missing closing bracket

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.