Build a Tribute Page image help

HTML-CSS
1

Tell us what’s happening:

I’m not sure how to add a picture in a way that the test will accept please help

My code so far

<!doctype html>

<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="description" content="Free Web tutorials">
  <meta name="keywords" content="HTML,CSS,XML,JavaScript">
  <meta name="author" content="John Doe">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
<style>
img{
  
	max-width: 100%;
  max-height: 100;
	height: auto;
  width: auto;
}  
  
  
  
  
</style>  
  
  <title> Tribute Page</title>

</head>

<body>

<div id="main">


<div id="title">

<p> This page will be about fish </p>

</div>
 



<div id="img-div">



<div id="image">

<img id= imagesrc="pictures/fishsticks.jpg" alt="Fish sticks">


</div>
<div id="img-caption">

<p> Delicious looking fish sticks </p>


</div>

</div>


<div id="tribute-info">

<p> This page is all about fish sticks. </p>


</div>


<a id="tribute-link" href="https://www.asweetpeachef.com/salmon-fish-sticks/" target="_blank">Visit a sweet pea!</a>


</div>




</div>  
  
</body>


</html>

Your browser information:

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

Link to the challenge:
https://learn.freecodecamp.org/responsive-web-design/responsive-web-design-projects/build-a-tribute-page

3

Yeah, I got frustrated on this test as well. I think I had to add a display: ??? for it to get it to pass the 8th user story. I don’t remember what, but it definitely was not grid. I think it was either flex or block.

4

Just one small thing here… looks like you are missing a slash at the end of your img tag. It should look like this:

<img id="image" src="pictures/fishsticks.jpg" alt="Fish sticks" />