Tribute Page - Build a Tribute Page

HTML-CSS
1

Tell us what’s happening:

I’m having problem centering image within its parent. please i need help

Your code so far

<!-- file: index.html -->
<link rel="stylesheet" href="styles.css">
<main id="main">
  <tributeinfo id="title"> Dr Norman Borlaug
    </tributeinfo>
<div id="img-div">
  <img id="image">
  </img>
  <figcaption id="img-caption"> Dr Norman Borlaug
    </figcaption>
    <tribute-info id="tribute-info">
       Norman Borlaug was an American agronomist and Nobel laureate known for his work in developing high-yielding, disease-resistant wheat varieties. He played a key role in the Green Revolution, which helped increase food production and alleviate hunger worldwide. Borlaug was awarded the Nobel Peace Prize in 1970 for his contributions to global food security.
       </tribute-info>
       <a id="tribute-link" href = "https://www.youtube.com/watch?v=5-icAANyU_I" target="_blank">
  </div>
</main>

/* file: styles.css */
img{
  display: block;
  max-width: 100%;
  height: auto;
  align-items: center;
}

Your browser information:

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

Challenge Information:

Tribute Page - Build a Tribute Page

2

Hi,
I don’t see a link to an actual image in your code. Have you added one?

3

i added a video link

4 
<a id="tribute-link" href = "https://www.youtube.com/watch?v=5-icAANyU_I" target="_blank">

You mean this?
I don’t understand what you’re trying to do here. Do you want to add an image and center that, or do you want to embed a video to your page?
What I meant by link was the src attribute of the img element. It should have an src attribute with a valid image address.

5

Thank you. I have done that

6

Great!
If you still face problems, feel free to reach out.
Happy coding!