Tribute Page - Build a Tribute Page

Tell us what’s happening:

I fixed up my code. I’m failing 3 tests:

  • Your img element should have a display of block.
  • Your #image should have a max-width of 100%.
  • Your #image should be centered within its parent.

Your code so far

WARNING

The challenge seed code and/or your solution exceeded the maximum length we can port over from the challenge.

You will need to take an additional step here so the code you wrote presents in an easy to read format.

Please copy/paste all the editor code showing in the challenge from where you just linked.

<!DOCTYPE html>
<html>
  <head>
    <link rel="stylesheet" href="styles.css">
  </head>
  <body>
    <main id="main">
      <h1 id="title">Gloria Estefan</h1>
      <p> Gloria Estefan is an American singer and songwriter of Cuban origin, famous for her hit songs like ‘Conga" and "Rhythm Is Gonna Get you."</p>
      <figure id="img-div"> 
      <img id="image" src="https://cms.famousbio.net/upload/peoples/41/MzQ0MQ-gloria-estefan.webp" alt="Gloria Estefan performing on stage at a concert">
        <figcaption id="img-caption">
        Gloria Estefan performing on stage at a concert.
        </figcaption> 
      </figure>
      <section id="tribute-info">
        <h3 id="headline">Here are Gloria Estefan's biography timelines:</h3>
        <ul>
          <li>
            <strong>1st Sep 1957</strong>
            - Gloria Estefan was born to Jose and Gloria Fajardo in Cuba in 1957. Her father, a Cuban soldier was forced to move his family to the U.S. due to political unrest during the Cuban Revolution.
          </li>
          <li>
            <strong>1977</strong>
            - The band started recording and releasing albums from 1977. Their first album was titled ‘Live Again Renacer’. After several other popular albums, the band signed a contract with Discos CBS International.
          </li>
<li>
            <strong>1978</strong>
            - Gloria Estefan tied the nuptial knot with Emilio Estefan in 1978. The couple has two children. She recently became a grandmother when her son had his first baby.
          </li>
<li>
            <strong>1980</strong>     
            - The self-titled album, ‘Miami Sound Machine’ was released in 1980, and the band went on to release more albums during the decade which made them very popular on an international level.
          </li>
<li>
            <strong>1987</strong> 
            - Gloria rose to fame with the band’s 1987 album ‘Let it Loose’ for which she got top billing. The album became a best seller not just in the U.S., but also in Canada and Australia, acknowledging her talents as the band’s lead singer.
          </li>
<li>
            <strong>1989</strong>
            - She released her first studio album as a solo artist, ‘Cuts Both Ways’ in 1989. The album became a best seller cementing her reputation as a solo singer.
          </li>
<li>                                                <strong>1990</strong>
            - She had a terrible accident in 1990 which threatened to cut short her career. But, ever resilient, she bounced back to recovery surprising doctors, and was soon performing again.
          </li>
<li>
           <strong>1991</strong>
           - Her first concept album, ‘Into the Light’ was brought out in 1991. The album dealt with the theme of overcoming life’s challenges to get back to a desired life.
          </li>
<li>
           <strong>1992</strong>
           - She won the “Premio Lo Nuestro a la Excelencia" Lifetime Achievement Award in 1992; the award was given to honour her contribution to Latin music.
          </li>
<li>
           <strong>1993</strong>
           - Her Spanish album, ‘Mi Tierra’ was released in 1993. She incorporated elements of Latin and Cuban music in the album which became one of the best known Latin albums of the year.
          </li>
<li>
           <strong>1994</strong>
           - In 1994, she released ‘Hold Me, Thrill Me, Kiss Me’, an album which consisted of cover versions of her favourite songs from artists like Carole King, Blood, Sweat & Tears, Elton John, Neil Sedaka, and others.
          </li>
<li>
           <strong>1995</strong> 
           - She released her second Spanish album, ‘Abriendo Puertas’ in 1995. The songs reflected a variety of Latin American musical styles.
          </li>
<li>
           <strong>1995</strong>
           - She was the first pop star to perform for the Pope in 1995.
          </li>
<li>
           <strong>1998</strong>    
           - In an attempt to keep up with the times, she released a hip and groovy album, ‘gloria!’ in 1998. The songs were full of dance rhythms and aimed at a younger audience.
          </li>
        </ul>
        <blockquote cite="https://spanishmama.com/gloria-estefan-quotes-and-biography/#:~:text=10%20Gloria%20Estefan%20Quotes%201%201.%20%E2%80%9CIt%20is,hear%20me%20sing%20in%20Spanish.%E2%80%9D%20...%20More%20items">
        <p>
          "The music is one of the beautiful things that has survived the Castro regime. I have played for audiences all over the world but I’ve never played for a Cuban audience. For [husband] Emilio and me, the music is the one tie to our homeland."
          </p>
          <cite>Glorian Estefan</cite>
          </blockquote>
          <h3>If you want to learn more about her, go to her <a id="tribute-link" href="https://en.wikipedia.org/wiki/Gloria_Estefan
" target="_blank">Wikipedia page</a>.
          </h3>     
          </section>
        </main> 
  </body>
</html>
#img-div {
  background: white;
  padding: 10px;
  margin: 0;
}

figure {
  display: block;
  margin-block-start: 1em;
  margin-block-end: 1em;
  margin-inline-start: 40px;
  margin-inline-end: 40px;
}

body {
  font-family: -apple-system,   BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Helvetica Neue', Arial, sans-serif;
  font-size: 1.6rem;
  line-height: 1.5;
  text-align: center;
  color: #333;
  margin: 0;
}

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/107.0.0.0 Safari/537.36 Edg/107.0.1418.52

Challenge: Tribute Page - Build a Tribute Page

Link to the challenge:

where is the css that matches these requirements?
There should be an img selector for the first bullet, and an #image selector for the other 2.

I deleted them because they didn’t work. Whoops.

I added them correctly this time and finished the project. Thanks.

1 Like

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