Tribute Page - Build a Tribute Page

HTML-CSS
1

Tell us what’s happening:

El validador no me toma los tests 16, 17 y 19 aunque el código está bien. Ya tengo el display: block, max-width: 100%, y margin: 0 auto. Probé todo. Lo necesito para validar una pasantía. ¿Puede ser un bug?

Your code so far

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Página de homenaje</title>
    <link rel="stylesheet" href="pagina-de-homenaje.css" />
  </head>
  <body>
    <main id="main">
      
        <h1 id="title">Jeon Jung-kook</h1>
        <hr>

        <figure id="img-div">
          <img id="image" src="https://i.pinimg.com/1200x/8c/cd/ce/8ccdcee50edaf9cefc9e609444af19c5.jpg" alt=""/>
          <figcaption id="img-caption">
            Jeon Jung-kook, conocido mundialmente como Jungkook, es un cantante, compositor, bailarín y productor surcoreano. 
            Nació el 1 de septiembre de 1997 en Busan, Corea del Sur.
            <br /><br />
            Saltó a la fama como miembro del mundialmente aclamado grupo de K-pop, BTS. Dentro del grupo, Jungkook se destaca 
            como el vocalista principal, centro, bailarín principal y sub-rapero, ganándose el apodo de "Golden Maknae" 
            (el maknae de oro).
            <br /><br />
            Desde su debut con BTS en 2013, Jungkook ha participado en numerosos éxitos y ha lanzado tres canciones en solitario 
            como parte de la discografía del grupo: "Begin" (2016), "Euphoria" (2018) y "My Time" (2020), todas las cuales 
            lograron posicionarse en el Gaon Digital Chart de Corea del Sur.
            <br /><br />
            En 2022, Jungkook inició oficialmente su carrera como solista. Su álbum debut como solista, "Golden" (2023), incluye 
            éxitos como "Seven" (feat. Latto) y "Standing Next to You", consolidando aún más su posición como un artista global.
            <br /><br />
            Actualmente, Jungkook se encuentra realizando su servicio militar obligatorio en Corea del Sur, al cual se enlistó 
            en diciembre de 2023 y se espera que regrese en junio de 2025. A pesar de su ausencia temporal de los escenarios, 
            su impacto en la música y la cultura popular sigue siendo significativo.
          </figcaption>
        </figure>
        
        <div id="tribute-info">
          <div id="border">
            <h2><a id="tribute-link" target="_blank" href="https://open.spotify.com/intl-es/album/5pSk3c3wVwnb2arb6ohCPU?si=wxMQ7LFQSGKIdVqLmZCtDA">GOLDEN</a></h2>
            <h3>JUNGKOOK</h3>
            <div id="tribute-div">
              <img id="tribute-img" src="https://www.umusic.ca/cdn/shop/files/IMG-8265.jpg?v=1730829078" alt="">
              <ol>
                <li>3D (feat. Jack Harlow)</li>
                <li>Closer to You (feat. Major Lazer)</li>
                <li>Seven (feat. Latto) (Explicit Ver.)</li>
                <li>Standing Next to You</li>
                <li>Yes or No</li>
                <li>Please Don't Change (feat. DJ Snake)</li>
                <li>Hate You</li>
                <li>Somebody</li>
                <li>Too Sad to Dance</li>
                <li>Shot Glass of Tears</li>
                <li>Seven (feat. Latto) (Clean Ver.)</li>
              </ol>
            </div>
          </div>
        </div>

    </main>
  </body>
</html>

@import url('https://fonts.googleapis.com/css2?family=Unbounded:wght@200..900&display=swap');

body {
    margin: 50px;
    font-size: 20px;
    color: #ffffff;
    background-image: url(https://phinf.wevpstatic.net/MjAyMzEwMDVfMjQz/MDAxNjk2NDc1MTcyNzgx.hZojDadWpCq5PntJzLZnpmWqHCOKZfY3L0p-IVXDlUsg.4fD4zqrAJHceCeoK2hbk63cHMBIMnyx-GTkgH-ZTYesg.JPEG/df5f8dc2-a885-4473-9cb3-14631efd3198.jpeg?type=e1920);
    font-family: "Unbounded", sans-serif;
}

#main {
    margin: 0 5%;
}

#title {
    font-size: 70px;
    text-align: center;
    margin: 0;
}

hr {
    margin: 20px 0;
}

#img-div {
    padding: 40px;
    max-width: 100%;
    text-align: center;
}

img {
    max-width: 100%;
    display: block;
    height: auto;
    margin: 0 auto;
    box-sizing: border-box;
}

#img-caption {
    margin: 40px;
    max-width: 100%;
    height: auto;
    text-align: justify;
}

#tribute-info {
    background-color: #f5f5f5;
    color: #000000;
    padding: 10px;
    border-radius: 50px;
}

#border {
    margin: 15px;
    padding: 20px;
    border: 1px solid #000000;
    border-radius: 50px;
}

h2 {
    font-size: 50px;
    text-align: center;
    margin: 0;
}

h3 {
    font-size: 30px;
    text-align: center;
    margin: 0;
}

#tribute-div {
    display: flex;
    justify-content: center;
    align-items: center;
}

#tribute-div ol {
    font-size: 25px;
}

#tribute-img {
    width: 35%;
    height: auto;
    display: block;
}

#tribute-link {
    color: #000000;
    text-decoration: none;
}

@media screen and (max-width: 1200px) {
    #title {
        font-size: 50px;
    }

    #img-caption {
        text-align: justify;
    }

    #tribute-div {
        flex-direction: column;
    }
    
    #tribute-img {
        width: 100%;
        height: auto;
    }

    #tribute-div ol {
        font-size: 22px;
    }
}
2

Hi. Please can you link to the challenge step you are doing to make it easier for people to help.

3

are you sure this is the right file to link to?