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

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