Tribute Page - Build a Tribute Page

Even though my code shows that I have displayed my image element to block, my ode still is unable to pass through.

Your code so far

<!-- file: index.html -->
<!DOCTYPE html>
<html lang="eng">
  <head>
    <meta charset="UTF-8">
    <title>Tribute</title>
    <link rel="stylesheet" href="styles.css">
  </head>
  <body>
    <h1 id="title">Luanda Magere</h1>
    <h2 id="description">The man the myth the legend.</h2>
    <main id="main">
      <div id="img-div">
        <img id="image" src="https://www.capitalfm.co.ke/thesauce/files/2019/06/lwanda-m-1.png">
        <figcaption id="img-caption">Luanda Magere's statue, Kisumo Dala</figcaption>
      </div>
      <div id="tribute-info">
        He belonged to the Sidho clan in Kano, in the shores of the Lake Victoria. The Sidho clan occupies the present sugar belt at the foot of the Nandi escarpment. He was possessed of unearthly powers, and his flesh was made of stone. Arrows, spears and clubs simply deflected from his body, making him invincible during war.
      </div>
      <p>Read more about <a id="tribute-link" href="https://en.wikipedia.org/wiki/Luanda_Magere" target="_blank">Luanda Magere</a> here.
    </main>
  </body>
</html>
/* file: styles.css */
img-div>img {
  display:block;
}
#image{
  max-width: 100%;
  height: auto;
  display: grid;
  place-items:center;
}
body{
  color: #EAEDED;
  text-align: Center;
  background-color: #17202A;
}
a{
  color: #EAEDED;
}

Your browser information:

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

Challenge: Tribute Page - Build a Tribute Page

Link to the challenge:

This is an id, so it needs a hash prefix in your CSS.

2 Likes

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