Tribute Page - Build a Tribute Page

HTML-CSS
1

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="https://www.google.com/url?sa=i&url=http%3A%2F%2Ft2.gstatic.com%2Flicensed-image%3Fq%3Dtbn%3AANd9GcQ7Am8GS9P-fzquOFyUt-B9H7Ir_14Mr6iRSZEJVyt9t_VvaREe8XUnxm31nhdkn16UekO5_V2s6BSxAV0&psig=AOvVaw2TfYIv-O1iL_iQIuTj-ts3&ust=1678336841644000&source=images&cd=vfe&ved=0CA4QjRxqFwoTCNC84YvCy_0CFQAAAAAdAAAAABAE" id="image" alt="Maud Stevens Wagner"> 
    <figcaption id="img-caption">Maud Stevens Wagner</figcaption>
    </figure>
    
    <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.
      </body>
    <a id="tribute-link" href="https://en.wikipedia.org/wiki/Maud_Wagner" target="_blank">
    Click here to read more.
    </a>
    
    </main>
  </html>

/* 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/110.0.0.0 Safari/537.36

Challenge: Tribute Page - Build a Tribute Page

Link to the challenge:

2

¡Hola!

@ 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>.

saludos

3

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: