Tribute Page - Build a Tribute Page

Can someone plz guide me what I’m doing wrong:
I’m pretty sure that I have done all of that which it is asking me, but I still can’t pass the test I think the step I’m doing wrong is centering the #image within its parent.
The image is rendering oddly with its caption, the caption is rendering to the left side of the image instead of its down

Your code so far

<!-- file: index.html -->
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="styles.css">
    <title>Tribute</title>
</head>
<body>
    <main id="main">
        <h1 id="title">Muhammad Ali</h1>
        
          <figure id="img-div">
            <img src="https://www.washingtonpost.com/rf/image_1484w/2010-2019/WashingtonPost/2016/06/04/Web-Resampled/2016-06-04/1368864311465001651-kCMG--606x404@wp.com.jpg?t=20170517" alt=" Muhammad Ali knocks out Sonny Liston" id="image">
            <figcaption id="img-caption">May 25, 1965 | Muhammad Ali knocks out challenger Sonny Liston in the first round</figcaption>
            </figure>
            <p id="tribute-info">Muhammad Ali (born Cassius Marcellus Clay Jr. January 17, 1942 – June 3, 2016)
was an American professional boxer and activist. Nicknamed "The Greatest", he is regarded as one of the most significant sports figures of the 20th century, and is frequently ranked as the
greatest heavyweight boxer of all time.
In 1999, he was named Sportsman of the Century by Sports Illustrated and the Sports Personality of the Century by the BBC</p>
              
            <a href="https://en.wikipedia.org/wiki/Muhammad_Ali" id="tribute-link" target="_blank">Muhammad Ali wikipedia</a>
        
    </main>
    
</body>
</html>
/* file: styles.css */
#image {
  display: block;
max-width: 100%;
height: auto;

}

#img-div {
  display: flex;
justify-content: center;  
}

Your browser information:

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

Challenge: Tribute Page - Build a Tribute Page

Link to the challenge:

The caption is rendering RIGHT side of the image instead down.

You are not doing anything within #image selector to correct that.

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