Tribute page project stuck

Hello, I finished all steps besides the last one which says to place the image as centered within it’s parent…i tried searching online for a solution, but justifying as centered and aligning it just won’t do… I ran out of ideas, I applied these to both the #image and #img-div…How is this last step supposed to be looking like? Thank you so much for reading my problem ^^

Welcome to the forum.
We need to see your code to help you.
Do you have it on codepen or somewhere else by any chance?

You can also post code here
To make code look like

this

press ctrl-e

<header>

  <link rel="stylesheet" href="styles.css">
  <title id=title>Nicholas Tesla</title>
  </header>
<main id=main>
  <div id=img-div><img src="#" id=image>
<div id=img-caption>dfdf</div>
</div>
  <div id=tribute-info>dfgdsfg</div>
  <a href=https://ro.wikipedia.org/wiki/Nikola_Tesla target=_blank id=tribute-link>fdf</a>
  
  </main>



#img-div{
  display:flex;
 width:100px;
 
}

#image{
  display: block;
  max-width:100%;
justify-content:center;
  height:auto;
  position:center;
 }


these are my html and css codes, i am only stuck on the last mission, i only made it so i have it finished, it is not designed at all

I have solved thiss after all, thank you though

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