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

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:

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.

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

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:

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

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

please give a hint on how to do that

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