Tribute Page - Build a Tribute Page Your img element should have a display of block

HTML-CSS
1

Tell us what’s happening:
Describe your issue in detail here.

Your code so far

<!-- file: index.html -->
<!DOCTYPE html>
<html lang="en">
  
  
    
  <head>
    <title id="title">Dr.Norman Ochieng</title>
    </head>
    <body>
<main id="main">
    <h1 id="title">Dr. Norman Borlaug</h1>
    
      <div id="img-div">
      <img id="image" src="image.jpg" alt="Dr. Norman Borlaug">
      
      <div id="img-caption">This is a picture of Dr. Norman Borlaug</div>
      
    </div>
    
    <p id="tribute-info">Dr. Norman Borlaug was a Nobel Peace Prize-winning agricultural scientist who developed high-yielding wheat varieties that helped to feed millions of people around the world.</p>
    <a id="tribute-link" href="https://en.wikipedia.org/wiki/Norman_Borlaug" target="_blank">Learn more about Dr. Norman Borlaug</a>
   
  
  </main>
  </body>
</html>

/* 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/116.0.0.0 Safari/537.36

Challenge: Tribute Page - Build a Tribute Page

Link to the challenge:

2

HI @divokorino284 !

It doesn’t look like you have written any css yet

In order to pass the last the few tests for the images, you will need to write some css.

3

also dont forget to connect css with html, like me :smiley:

4

Tell us what’s happening:
Describe your issue in detail here.

Your code so far

<!-- file: index.html -->
<!DOCTYPE html>
<html lang="en">
  
  
    
  <head>
    <title id="title">Dr.Norman Ochieng</title>
    </head>
    <body>
<main id="main">
    <h1 id="title">Dr. Norman Borlaug</h1>
    
      <div id="img-div">
      <img id="image" src="image.jpg" alt="Dr. Norman Borlaug">
      
      <div id="img-caption">This is a picture of Dr. Norman Borlaug</div>
      
    </div>
    
    <p id="tribute-info">Dr. Norman Borlaug was a Nobel Peace Prize-winning agricultural scientist who developed high-yielding wheat varieties that helped to feed millions of people around the world.</p>
    <a id="tribute-link" href="https://en.wikipedia.org/wiki/Norman_Borlaug" target="_blank">Learn more about Dr. Norman Borlaug</a>
  
  
  </main>
  </body>
</html>

/* file: styles.css */
img {
  display: block;
  max-width: 100%;
  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/116.0.0.0 Safari/537.36

Challenge: Tribute Page - Build a Tribute Page

Link to the challenge:

5

you forgot to link your css file with your html file.

6

You learned about how to link your stylesheet to your html document in this step of the cafe menu project

7

please give a hint on how to do that