Tribute Page - Build a Tribute Page

When I run the test, I keep failing and it’s saying but it’s in my CSS file so I’m not sure what I am doing wrong?
Your img element should have a display of block.
Your #image should have a max-width of 100%.
Your #image should be centered within its parent.

  **Your code so far**
/* file: index.html */
<!DOCTYPE html>
<link rel="stylesheet" href="styles.css">
<main id="main">
  <title id="title">Dr. Norman Borlaug</title>
  <div id="img-div">
    <img id="image"  src="" ></img>
    <div id="img-caption">Dr. Norman Borlaug, third from the left, trains biologists in Mexico on how to increase wheat yields - part of his life-long war on hunger.</div>
    <h1 id="tribute-info">Here's a time line of Dr. Borlaug's life</p>
    <h2>Click on this <a href="" target="_blank" id="tribute-link">link</a></h2> 
/* file: styles.css */
#image {
display: block;
max-width: 100%;
height: auto;
margin: 0 auto;
  **Your browser information:**

User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/ Safari/537.36

Challenge: Tribute Page - Build a Tribute Page

Link to the challenge:

your link is broken because of the unclosed meta tag, so the css is not actually linked

remember that meta and link elements go inside the head element

Thank you so much! I didn’t see that I didn’t close it! I was so fixated on the CSS.

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