Help for the challenge

i want to display img element to have a display of block

also i want to #image should have a max-width of 100%

   **Your code so far**
/* file: index.html */
<main id="main">
     <h1 id="title">paul kagame</h1>
     <p>The president of republic of Rwanda</p>
     <figure id="img-div">
       <img
         id="image"
         src="https://newafricanmagazine.com/wordpress/wp-content/uploads/2020/02/Screen-Shot-2020-02-07-at-10.54.39.png" width="100%"
         alt="H.E president poul kagame the president of republic of rwanda"
       />
       <figcaption id="img-caption">
         H.E president poul kagame the president of republic of rwanda
       </figcaption>
     </figure>
     <section id="tribute-info">
       <h3 id="headline">Here's a time line of paul kagame's life</h3>
       <ul>
         <li><strong>1957</strong> -born October 1957, Rwanda</li>
         <li>
           <strong>1990</strong> - Kagame was studying at the U.S. Army Command and General Staff College in Fort Leavenworth, Kansas, that invasion—mostly involving Tutsi veterans of the Ugandan army—was undertaken and repulsed
         </li>
         <li>
           <strong>1994</strong> -Kagame led a force of 10,000–14,000 FPR soldiers against the Hutu forces perpetrating the genocide
         </li>
         <li>
           <strong>2003</strong> - elected to be the president of rwanda
         </li>
         
       </ul>
       <blockquote
         cite="http://news.rediff.com/report/2009/sep/14/pm-pays-tribute-to-father-of-green-revolution-borlaug.htm"
       >
         <p>
           "paul kagame life and achievement are testimony to the far-reaching
           contribution that one man's towering intellect, persistence and
           intelligent vision can make to human peace and progress."
         </p>
         <cite>-- rwandan prime minister</cite>
       </blockquote>
       <h3>
         If you have time, you should read more about this incredible human
         being on his
         <a
           id="tribute-link"
           href="https://www.britannica.com/biography/Paul-Kagame"
           target="_blank"
           >biography entry</a
         >.
       </h3>
     </section>
   </main>
/* file: styles.css */

   **Your browser information:**

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

Challenge: Build a Tribute Page

Link to the challenge:

1 Like

You need to use CSS to do this. You have several options. You could add it as a style attribute on the image. You could embed the CSS in <style> tags. You could add the CSS to the styles.css editor.

Likewise for the max-width.