Tribute Page - Build a Tribute Page

Tell us what’s happening:
Describe your issue in detail here.’
I’ve satisfied all requirements other than setting max-width at 100%, centering the image and giving it a display of block. I’ve entered all into my styles sheet but there is some form of disconnect between it and the html page.

Your code so far

<!-- file: index.html -->
<!DOCTYPE html>
<html lang="en">
    <link rel="stylesheet" src="styles.css">
    <meta charset="utf-8">
  <main id="main">
    <h1 id="title">Dr.Norman Borlaug</h1>
    <div id="img-div">
      <img  id="image" src=""</div>
      <figcaption id="img-caption">Textual Content Describing Image</figcaption>
      <p id="tribute-info">Tribute info</p>
      <a id="tribute-link" target="_blank" href="">Beethoven Wiki</a>
/* 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/ Safari/537.36

Challenge: Tribute Page - Build a Tribute Page

Link to the challenge:

John! You don’t have a <body></body> element! It should be wrapping your whole main.

I just tried that but still no dice

Alright, check your <div id="img-div"> it is not closing where it is supposed to be closing, #img-caption element should be inside of it.
In the CSS file you don’t have a max-height property neither is the image centered within its parent. Instead of using flexbox I recommend you to try to center the image just using some margin: auto inside the img selector.

I appreciate your time and assistance, but I have already remedied the issue though I did just create a post regarding step 40 in the city skyline challenge.

Thank you once again for the help