Tribute Page - Build a Tribute Page

HTML-CSS
1

Tell us what’s happening:

It keeps asking to center the image and add display as block and set the max-width when I already did. Those are the only 3 problems and I can’t find a solution.

Your code so far

<!-- file: index.html -->
<!DOCTYPE html>
<html>
  <body>
    <head>
<main id="main">
  <h1 id="title">Dr. Norman Borlaug</h1>
  <figure id="img-div">
    <img id="image" src="https://cdn.freecodecamp.org/testable-projects-fcc/images/tribute-page-main-image.jpg" alt="Dr. Norman Borlaug standing amongst peers" width-max="100%" class="center" display="block">
    <figcaption id="img-caption">
        Dr. Norman Borlaug trained biologists in Mexico on how to increase wheat yields, part of his life went with war on hunger.
    </figcaption>
  </figure>
  <section id="tribute-info">
    <h3 id="headline">Here's a timeline of Dr. Borlaug's life:</h3>
  <ul>
    <li><strong>1914</strong> - Born in Cresco, Iowa</li>
    <li><strong>1935</strong> - Has to stop school and save up more money. Works in the Civilian Conservation Corps, helping starving Americans.</li>
    <li><strong>1937</strong> - Finishes university and takes a job in the US Forestry Service</li>
    <li><strong>1938</strong>Inspired by Elvin Charles Stakman, he returns to school study under Stakman, who teaches him about breeding pest-resistent plants.</li>
    <li><strong>1942</strong> - Receives a Ph.D. in Genetics and Plant Pathology</li>
    <li><strong>1945</strong>  - Discovers a way to grown wheat twice each season, doubling wheat yields</li>
    <li><strong>1970</strong> - receives the Nobel Peace Prize</li>
    <li><strong>1983</strong> - helps seven African countries dramatically increase their maize and sorghum yields</li>
    <li><strong>1984</strong> - becomes a distinguished professor at Texas A&M University</li>
    <li><strong>2009</strong> - dies at the age of 95.</li>
  </ul>
 <blockquote cite="http://news.rediff.com/report/2009/sep/14/pm-pays-tribute-to-father-of-green-revolution-borlaug.htm">
        <p>
          "Borlaug's life and achievement are testimony to the far-reaching
          contribution that one man's persistence and
          scientific vision can make to human peace and progress."
        </p>
<a id="tribute-link" href="https://en.wikipedia.org/wiki/Norman_Borlaug" target="_blank">Wikipedia</a>
      </h3>
  </section>
</main> 
</head>
</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/126.0.0.0 Safari/537.36 Edg/126.0.0.0

Challenge Information:

Tribute Page - Build a Tribute Page

2

I don’t see any css in your code, where did you do that?

Also, you do not have a style element nor a link element linking to the stylesheet, you need one of those to have place to write css

1 Like
4

Didn’t notice, thank you!!!

5

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