Responsive Web Design Projects - Build a Tribute Page

*I am not able to center the image correctly though the code looks correct. Please help me in getting this corrected

Your code so far

WARNING

The challenge seed code and/or your solution exceeded the maximum length we can port over from the challenge.

You will need to take an additional step here so the code you wrote presents in an easy to read format.

Please copy/paste all the editor code showing in the challenge from where you just linked.

<figure id="img-div">
<img id="image"src="https://www.thenewsminute.com/sites/default/files/SPB_1200-3%20%281%29.jpg" alt="SPB during one of his shows">
                <figcaption id="img-caption">
                S P Balasubrahmanyam performing on the stage
            </figcaption>
            </figure>
img{
    display: block;
}
#img-div{
    background: white;
    width: auto;
  height: auto;
  max-width: 900px;
  display: block;
  text-align: center;
  object-fit: fill;
  margin: auto;
    }
#image{
    max-width: 100%;
    margin-right: auto;
    margin-left: auto;

}.

Your browser information:

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

Challenge: Responsive Web Design Projects - Build a Tribute Page

Link to the challenge:

Welcome to our community!

Post the entire html and css code here properly formatted. Use the </> button for that purpose.

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