Max-width 100% doesn't work for me

HTML-CSS
1

I did put max-width: 100%; in my CSS code but it’s still not resolved.

  **Your code so far**

/* file: index.html */
<!DOCTYPE HTML>
<html>
<link rel="stylesheet" href="style.css">
<main id="main">
<title id="title">Dr.Norman Borlaug</title>
<div id="img-div">
  <img id="image" src="" style="display: block;">
  <figcaption id="img-caption">The man who saved a billion lives</p>
  <p id="tribute-info">Dr. Norman Borlaug, third from the left, trains biologists in Mexico on how to increase wheat yields - part of his life-long war on hunger.</p>
  <a id="tribute-link" href="#" target="_blank"></a> 
  </div>
</main>


</html>

/* file: styles.css */
#image{
    height: auto;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
  }


  **Your browser information:**

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

Challenge: Build a Tribute Page

Link to the challenge:

2

HI @dlz.jadenlaz,

and welcome to the forum.

there is misspelling in the href that links your css to your html.

hope it helps.!

3

That’s right, Thanks. I ended up using inline CSS

4

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