Build a Tribute Page image help

Build a Tribute Page image help
0

#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


#2

When needing to post an entire project, we recommend using a site like Codepen or JSFiddle and then share the link on the forum. That way, we can all remain on the same page if you make any adjustments to your code as we give you suggestions.


#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" />

#5

First of all, you are not correctly assigning a value to the src attribute, because your id attribute’s value should be surrounded by double quotes like id=“image” and then put a space between id=“image” and src=


#6

The img tag is a Void Element which is not required to be self-closing. The forward slash is optional. Other Void Elements include area, base, br, col, command, embed, hr, input, keygen, link, meta, param, source, track, wbr.