Tribute Page - Build a Tribute Page

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>
  <meta charset="UTF-8" />
  <link rel="stylesheet" href="styles.css"/>
<head>
  <main id="main">
    <title id="title">Dr. Norman Borlaug</title>
    <div id="img-div">
      <img id="image">
      <div id="img-caption">The man who saved a billion lives</div>
      <div id="tribute-info">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>
      <a id="tribute-link" href="https://cdn.freecodecamp.org/testable-projects-fcc/images/tribute-page-main-image.jpg" target="_blank"></a>
    </div>
  </main>
</head>

/* file: styles.css */
img{
  display: block;
  max-width: 100%;
}
div {
display: flex;
justify-content: center; 
align-items: center;
height: 100vh;
}

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/115.0.0.0 Safari/537.36 Edg/115.0.1901.203

Challenge: Tribute Page - Build a Tribute Page

Link to the challenge:

2

Please Tell us what’s happening in your own words.

Learning to describe problems is hard, but it is an important part of learning how to code.

Also, the more you say, the more we can help

3

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