Tribute-page-error-in-test?

HTML-CSS
1

I have a problem with the tests:
16: Your img element must have a block display.
17: Your #image must have a maximum width of 100%.
19: Your #image must be centered within its parent element.

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="style.css">
    <title>tribute-page-main-image</title>
</head>
<body>
    <main id="main">
    
        <h1 id="title">Dr. Norman Borlaug</h1>
        <p >The man who saveda billion lives</p>
        <div id="img-div">
            <img src="https://cdn.freecodecamp.org/testable-projects-fcc/images/tribute-page-main-image.jpg" alt="imagen del doctor con personas" srcset="" id="image">
            <figcaption id="img-caption"> 
             <p>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.</p>
            </figcaption>
        </div>

        <h2>Here's a time line of Dr. Borlaug's life:</h2>
        <section id="tribute-info">
        <ul>
            <li><span class="bold">1914</span>- Born in Cresco, Iowa</li>
            <li><span class="bold">1933</span>- Leaves his family's farm to attend the University of Minnesota, thanks to a Depression era program known as the "National Youth Administration"</li>
            <li><span class="bold">1935</span>- Has to stop school and save up more money. Works in the Civilian Conservation Corps, helping starving Americans. "I saw how food changed them", he said. "All of this left scars on me."</li>
            <li><span class="bold">1937</span>- Finishes university and takes a job in the US Forestry Service</li>
            <li><span class="bold">1938</span>- Marries wife of 69 years Margret Gibson. Gets laid off due to budget cuts. Inspired by Elvin Charles Stakman, he returns to school study under Stakman, who teaches him about breeding pest-resistent plants. class="bold"</li>
        </ul>

        <p>"Borlaug's life and achievement are testimony to the far-reaching contribution that one man's towering intellect, persistence and scientific vision can make to human peace and progress."</p>
        <p>-- Indian Prime Minister Manmohan Singh</p>
    
        <h2>If you have time, you should read more about this incredible human being on his <a href="https://en.wikipedia.org/wiki/Norman_Borlaug" target="_blank" id="tribute-link"> Wikipedia entry</a>.</h2>
        </section>
   
</main>
</body>
</html>

body{
    margin: 0;
    padding: 0;
    background-color: white;   
    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    color: rgb(73, 68, 68);
    text-align: center;
}


#main{
    background-color: whitesmoke;
    display: inline-block;
    margin: 20px 20px;
    border-radius: 10px;
}


#title{
    text-align: center;
}

#img-div{
    background-color: white;
    margin: 0 10px 0 10px;
    padding-bottom: 0.001em;
    text-align: center;
}

img{
    display:block;
}

#image{
    max-width:100%;
    width: auto;
    height: auto ;
    display: block;
    margin: 0 auto;
}


.bold{
    font-weight: 800;
}
2

Welcome to the forum @TortillaDePapa

How is the HTML linked to the CSS?

Happy coding

1 Like
3

I’ve edited your post to improve the readability of the code. When you enter a code block into a forum post, please precede it with a separate line of three backticks and follow it with a separate line of three backticks to make it easier to read.

You can also use the “preformatted text” tool in the editor (</>) to add backticks around text.

Pre-formatted-text
Pre-formatted-text1356Ă—380 401 KB

See this post to find the backtick on your keyboard.
Note: Backticks (`) are not single quotes (').

4

I linked it this way

[quote="TortillaDePapa, post:1, topic:746527"]
`<link rel="stylesheet" href="style.css">`
[/quote]
5

Can you double check the name of your css file?