Tribute Page - Build a Tribute Page

Tell us what’s happening:
It keeps saying that I need to make #image a descendant of #img-div even though it already is. where am I going wrong?

Your code so far

<!-- file: index.html -->
<main id="main">
<html>
 <link rel="stylesheet" href="styles.css">
<title id="title">SpongeBob Tribute</title>
  <H1>SpongeBob SquarePants</h1>
  <p>The best frycook in Bikini Bottom</p>
<div id="img-div"></div>
   <img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcRwQIFkq2yFnzTZKVMbD7q5ijoLEz9PWTXqhA&usqp=CAU" id="image"></img>
  <figcaption id="img-caption">a picture of famous frycook SpongeBob Squarepants</figcaption>
<div></div>
<H2>Feats of Spongebob:</h2>
 <ul id="tribute-info">
  <li></li>
 </ul>

/* file: styles.css */
div {
  opacity:50%;
  background-color:grey;
  height:2px;
  padding:0;bv

}

img {
  height:auto;
  max-width:100%;
  display:block;
  padding:6px;
  margin:  auto;
}

figcaption {
  font-size:13px;
  text-align:center;
}

h1 {
  text-align:center;
  font-size:40px;
  font-family:Hevetica;
  margin:0;
}

h2 {
  text-align:center;
  font-size:27px;
  font-family:Hevetica;
  margin:0;
}

p {
  text-align:center;
  margin:9;
}

p, figcaption {
  font-family:Verdana;
}

Your browser information:

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

Challenge: Tribute Page - Build a Tribute Page

Link to the challenge:

Its actually not. Your img should be be inside the img-div but you closed the div then added the img

1 Like

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