Responsive Web Design Projects - Build a Tribute Page

Tell us what’s happening:
Describe your issue in detail here.
It tells me You should have a figcaption or div element with an id of img-caption . I have the div element. pls help what do I do is the website broken?
Your code so far

<!-- file: index.html -->
<main id="main">

<h1 id="title">hi</h1>

<h5 id="tribute-info">go away</h5>

<footer id="img-caption">yo</footer>

<img src="https://upload.wikimedia.org/wikipedia/commons/thumb/d/d2/Reddot-small.svg/1200px-Reddot-small.svg.png" id="image"></image>


<a id="tribute-link" href="_blank"target="_blank">yo</a>
<style>
img {
  display: block;
  max-width: 100%;

}
</style>


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

</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/105.0.0.0 Safari/537.36

Challenge: Responsive Web Design Projects - Build a Tribute Page

Link to the challenge:

The div you gave the id and the div next to it have no closing tag.
Besides that, it looks to me like you’re trying to just pass the tests so you can continue. You’ll learn a lot more if you actually try to build the project as intended.

What div element doesnt have a closing tag

If you indent your code then things will look clearer. Let me help you this time.

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

What do you think? Are all your divs closed?

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