Tribute Page - Build a Tribute Page

my code wont pass because it says #img-div, #img, #tribute-caption, and #tribute-link must all be descendants of #main. but i can not spot my mistakes. maybe one of you will?
the rest of my code passes fine.

Your code so far

<!-- file: index.html -->
<!DOCTYPE html>
<html lang="en">
  <link rel="stylesheet" href="styles.css">
  <title id="title">Maud Stevens Wagner</title>
  <main id="main">
  <figure id="img-div">
    <img src="" id="image" alt="Maud Stevens Wagner"> 
    <figcaption id="img-caption">Maud Stevens Wagner</figcaption>
    <body id="tribute-info">
      She was the first-known female tattoo artist in America. Born in the year 1877 on February 12 in Emporia, Kansas.
    <a id="tribute-link" href="" target="_blank">
    Click here to read more.
/* file: styles.css */
img {
  max-width: 100%;
  height: auto;
  display: block;
 margin: auto, auto; 

Your browser information:

User Agent is: Mozilla/5.0 (X11; CrOS x86_64 14541.0.0) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/ Safari/537.36

Challenge: Tribute Page - Build a Tribute Page

Link to the challenge:


@ verano.brandon5678

Este error aparece debido a que tu elemto <body> es descendiente del elemento <main>, recuerda que el elemento <body> debe ser el padre de todos los elementos que son visibles en la pagina web.

Puedes envolver el elemento <main> en un nuevo elemento <body> y tu elemento <body> actual lo puedes transformar en un elemento <p> o <div>.


hello and welcome to fcc forum :slight_smile:

  • structural issue: “body” should contain “all other html elements” and not within “main” as you have done
  • after you have solved that first issue that can be solved by removing one of these “auto”

happy learning :slight_smile:

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