Tribute Page - Build a Tribute Page

Tell us what’s happening:
In the task it is asked that img element shiuld have display block and img element should have max width 100% but where will i type my css code their is no area given for css code plz help.

  **Your code so far**
/* file: index.html */
<main id="main">
<link rel="stylesheet" href="styles.css">
<h1 id="title">Dr. Norman Borlaug</h1>
<div id="img-div">
  <img id="image" src="https://cdn.freecodecamp.org/testable-projects-fcc/images/tribute-page-main-image.jpg" alt="Dr. Norman Borlaug seen standing in Mexican wheat field with a group of biologists"/>
  <div id="img-caption">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.</div>
  </div>
  <p id="tribute-info">Here's a time line of Dr. Borlaug's life:</p>
  <a id="tribute-link" href="http://news.rediff.com/report/2009/sep/14/pm-pays-tribute-to-father-of-green-revolution-borlaug.htm" target="_blank">
  </a>
  </main>
  
/* file: styles.css */

  **Your browser information:**

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

Challenge: Tribute Page - Build a Tribute Page

Link to the challenge:

You have to click on the styles.css to access the css file
Screen Shot 2022-08-14 at 11.05.57 PM