Tribute Page - Build a Tribute Page

Tell us what’s happening:
Hey! So I am almost done with my second certification project. The only thing I am missing, is how to get the image right. I have tried putting (.) before, I have tried using body and * selector. I have used a # before image selector. But I am not sure why it isn’t being targeted? How can I put the properties correct to my image?
What am I missing?

Your code so far

<!-- file: index.html -->
<!DOCTYPE html>
<html lang="en"</html>
<head>
  <meta name="viewport" content="width=device=width,initial-scale1"></meta>
  <meta charset="UTF-8"></meta>
  </head>
  <main id="main">
  <body>
  <h1 id="title">Dr. Norman Borlaug</h1>
  <figure id="img-div">
    <div id="img-caption">
  <img id="image" src="https://upload.wikimedia.org/wikipedia/commons/e/e2/Norman_Borlaug%2C_2004_%28cropped%29.jpg">
  <caption id="img-div">Norman Ernest Borlaug (25. marts 1914 – 12. september 2009) modtog Nobels fredspris i 1970 for forskning på International Maize and Wheat Improvement Center, og er anset for at være far til Den Grønne Revolution.

Han blev født i Iowa, USA af norske immigranter. Han tog sin bachelor- master- og professor-grad ved Universitetet i Minnesota.</caption>
<br>
<br>
<info>
  <br>
  <div id="tribute-info"><h2>Tribute info</h2></div>
  <a id="tribute-link" target="_blank" href="https://da.wikipedia.org/wiki/Norman_Borlaug">Dr. Norman Borlaug</a>
  <div></div>
<p>Han har gennem sin forskning udviklet planter, som kan vokse tættere og blomstre oftere, noget som har stor betydning i lande, hvor hunger-katastrofer truer. Efter Borlaugs opfattelse skulle kun 4 mia. mennesker kunne leve på de landbrugsarealer som findes i dag, hvis de var økologisk dyrkede.

I midten af 1900-tallet begyndte Borlaug at sprede sine teorier om hvededyrkning til Mexico, Pakistan og Indien. Resultatet blev at Mexico til og med kunne eksportere hvede, medens Indien og Pakistan fordoblede deres høst og dermed kunne undgå hungersnød.[3]</p>
</info>
</main>
  </figure>
  </body>
</div>
/* file: styles.css */
#image {
  margin: auto;
  max-width: 100%
  width: 25px;
  height: auto;
  display: block;
  justify-content: center;
  align-items: center;
}

Your browser information:

User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/114.0.0.0 Safari/537.36

Challenge: Tribute Page - Build a Tribute Page

Link to the challenge:

The closing tag </div> is outside the body.

Ok should I place it right before body? Or below something else? Should this make it possible?

I put the image stuff with style selector in HTML instead of in CSS and it got fixed!!

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