Cuéntanos qué está pasando: me tira el siguiente error:
Your #img-div
, #image
, #img-caption
, #tribute-info
, and #tribute-link
should all be descendants of #main
.
**Tu código hasta el momento**
/* file: index.html */
<!DOCTYPE html>
<html lang="en">
<head>
<title>Tribute-page</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet"href="styles.css" >
</head>
<body>
<main id="main">
<h1 id="title">Martin Luther King</h1>
<h2 id="subtitle">The man who fought for the civil rights</h2>
<figure id="img-div">
<img id="image"src="https://www.biografiasyvidas.com/biografia/k/fotos/king_martin_luther.jpg" alt="Martin Luther King"/>
<div id="image-caption">Martin Luther King 1964</div>
</figure>
<section id="tribute-info">
<p><b>Martin Luther King Jr</b> fue un ministro y activista bautista estadounidense que se convirtió en el vocero y líder más visible del movimiento de derechos civiles desde 1955 hasta su asesinato en 1968.</p>
<p> Desarrolló una labor crucial en Estados Unidos al frente del movimiento por los derechos civiles para los afroestadounidenses y que, además, participó como activista en numerosas protestas contra la guerra de Vietnam y la pobreza en general. Por esa actividad encaminada a terminar con la segregación estadounidense y la discriminación racial a través de medios no violentos, fue condecorado con el Premio Nobel de la Paz en 1964</p>
<p>El 1 de diciembre de 1955, cuando Rosa Parks, una mujer afroamericana, fue arrestada por haber violado las leyes segregacionistas de la ciudad de Montgomery al no querer ceder su asiento a un hombre blanco en un autobús, King inició un boicot de autobuses con la ayuda del pastor Ralph Abernathy y de Edgar Nixon, director local de la National Association for the Advancement of Colored People.</p>
<p>El boicot terminó gracias a una decisión de la Corte Suprema de los Estados Unidos del 13 de noviembre de 1956 que declaraba ilegal la segregación en los autobuses, restaurantes, escuelas y otros lugares públicos.</p>
</section>
<p>Puedes encontrar mas información en <a id="tribute-link"href="https://es.wikipedia.org/wiki/Martin_Luther_King"target="_blank">Wikipedia.org</a></p>
</main>
</body>
</html>
/* file: styles.css */
body {
background-color:#E9FDFB;
color: #196862;
font-family: Calibri, Sans Serif;
}
h2 {
font-size: 20px;
}
#title, #subtitle {
text-align: center;
padding-top: 10px
}
img {
display: block;
}
#image {
max-width: 100%;
height: auto;
margin-right: auto;
margin-left: auto;
}
#image-caption {
text-align: center;
padding: 10px;
}
#tribute-link {
color:#196862;
}
**Información de tu navegador:**
El agente de usuario es: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/103.0.0.0 Safari/537.36
Desafío: Página del homenaje - Build a Tribute Page
Enlaza al desafío: