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