Tribute page help plis

Zafiadom · November 5, 2020, 3:25pm

Tell us what’s happening:
Hi i need a little help with this problem, i don´t know what´s wrong

Your code so far

Your browser information:

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

Challenge: Build a Tribute Page

Link to the challenge:

JeremyLT · November 5, 2020, 3:26pm

Please post a link to your code.

codely · November 5, 2020, 3:28pm

@Zafiadom

You have not Entered id="tribute-link"

Zafiadom · November 5, 2020, 3:40pm

how i do that? sorry bout my english

Zafiadom · November 5, 2020, 3:41pm

i try that but is the same result

ilenia · November 5, 2020, 3:50pm

post the link to your pen so we can see.

Also, below the failed test there is an error message with info on why it’s failing

Zafiadom · November 5, 2020, 4:02pm

type or paste code here

<script src="https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js"></script>

<!-- 

Hello Camper!

For now, the test suite only works in Chrome! Please read the README below in the JS Editor before beginning. Feel free to delete this message once you have read it. Good luck and Happy Coding! 

- The freeCodeCamp Team 

-->
<!DOCTYPE html>

<div id="main" "genshin impact" id="tribute info" </div>
  <main>
    
    <link href="https://fonts.googleapis.com/css2?family=Oswald:wght@300&display=swap" rel="stylesheet">
    <div class="text-center">
      <div id="title" </div>Genshin Impact<h1>Genshin Impact</h1>
        <h5>step into a vast magical world of adventure</5>
          <figcaption img="img caption">
            <figure id="img-div"> <img id="image"><img src="https://blog.latam.playstation.com/tachyon/sites/3/2020/09/50382753728_4bd6b35aa4_ka.jpg?resize=1088,612&crop_strategy=smart&zoom=1" alt="genshin impact" onmouseover="this.src='https://www.google.com/url?sa=i&url=https%3A%2F%2Felintransigente.com%2F2020%2F10%2Fgenshin-impact-mejorara-su-rendimiento-en-ps4%2F&psig=AOvVaw2FQ4kQKD1seZfMBrrz2xPR&ust=1604596232706000&source=images&cd=vfe&ved=0CAIQjRxqFwoTCIi8hPmw6ewCFQAAAAAdAAAAABAD'" onmouseout="this.src=' https://blog.latam.playstation.com/tachyon/sites/3/2020/09/50382753728_4bd6b35aa4_ka.jpg?resize=1088,612&crop_strategy=smart&zoom=1'"></figure>
          </figcaption>
      </div>
      <div class="text-left">
        <p>
          <a href="https://genshin.mihoyo.com/en" target="_blank" id="tribute link">Click Here</a> para conocer mas de
          Genshin Impact, el juego de rol de acción de miHoYo, ha sido finalmente lanzado para PC, PlayStation 4, Android e iOS.

          Genshin Impact es un juego de mundo abierto gratuito y cuenta con una tienda dentro del juego donde se pueden comprar artículos que van desde 1 a 110 euros, incluyendo la moneda premium del juego, Genesis Crystals.</p>
        <p>Así es como puedes descargar Genshin Impact en tu plataforma elegida:

          Los propietarios de PlayStation 4 pueden descargar el juego a través de PlayStation Store.

          Los jugadores de PC pueden descargar el juego e instalarlo desde el sitio web oficial del juego.*

          Para los que estén en Android e iOS, Genshin Impact puede descargarse en las tiendas Google Play y Apple, respectivamente.

          *Aquellos que deseen descargar el juego desde la página web: actualmente sufre de congestión, y los tiempos de descarga pueden variar.</p>
        <p>Los desarrolladores de miHoYo prometen que con Genshin Impact, los jugadores serán llevados «a los impresionantes paisajes de Teyvat, donde siete dioses gobiernan sobre siete elementos».</p>

        <p>Los jugadores asumen el papel del misterioso «viajero» que se pone en marcha en busca de respuestas para encontrar a su pariente perdido y, en última instancia, desbloquear los últimos secretos escondidos en el mundo.</p>

        <p>Al describir lo que los jugadores pueden esperar, miHoYo afirma que los jugadores pueden «explorar el maravilloso mundo de diversas culturas y paisajes, formando equipo con más de 20 compañeros, cada uno de ellos con poderes elementales únicos, para resolver los puzles y misterios de Teyvat».</p>

        <p>Por suerte, este es sólo el comienzo del largo viaje que le espera al juego con miHoYo anunciando que «Después del lanzamiento oficial de Genshin Impact, los jugadores podrán explorar dos de las siete ciudades principales de Teyvat, a saber, Ciudad de la Luna y Liyue».</p>

        <p>
          Cada una de estas ciudades tiene una atmósfera cultural única, con sus propios antecedentes y alrededores impresionantes. Los jugadores pueden esperar diferentes criaturas, enemigos, puzzles y tesoros escondidos dentro de cada ciudad.</p>
      </div>
      <footage>By Zafiadom</footage>
  </Main>

codely · November 5, 2020, 4:14pm

Did you use CodePen?

Zafiadom · November 5, 2020, 4:24pm

yes i do, i have visual code but i think is better for this test the CodePen

codely · November 5, 2020, 4:24pm

Yes. Even we can see a say what is wrong.

jwilkins.oboe · November 5, 2020, 4:28pm

Hi @Zafiadom!

I use VS code too but if you want to share what you are talking about with the forum you can just copy and paste your html and css in those respective sections on codepen so everyone can see your work live.

Hope that makes sense!

Zafiadom · November 5, 2020, 5:43pm


> type or paste code here<script src="https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js"></script>

<!-- 

Hello Camper!

For now, the test suite only works in Chrome! Please read the README below in the JS Editor before beginning. Feel free to delete this message once you have read it. Good luck and Happy Coding! 

- The freeCodeCamp Team 

-->
<!DOCTYPE html>

<div id="main" "genshin impact" id="tribute info" </div>
  <main>
    
    <link href="https://fonts.googleapis.com/css2?family=Oswald:wght@300&display=swap" rel="stylesheet">
    <div class="text-center">
      <div id="title" </div>Genshin Impact<h1>Genshin Impact</h1>
        <h5>step into a vast magical world of adventure</5>
          <figcaption img="img caption">
            <figure id="img-div"> <img id="image"><img src="https://blog.latam.playstation.com/tachyon/sites/3/2020/09/50382753728_4bd6b35aa4_ka.jpg?resize=1088,612&crop_strategy=smart&zoom=1" alt="genshin impact" onmouseover="this.src='https://www.google.com/url?sa=i&url=https%3A%2F%2Felintransigente.com%2F2020%2F10%2Fgenshin-impact-mejorara-su-rendimiento-en-ps4%2F&psig=AOvVaw2FQ4kQKD1seZfMBrrz2xPR&ust=1604596232706000&source=images&cd=vfe&ved=0CAIQjRxqFwoTCIi8hPmw6ewCFQAAAAAdAAAAABAD'" onmouseout="this.src=' https://blog.latam.playstation.com/tachyon/sites/3/2020/09/50382753728_4bd6b35aa4_ka.jpg?resize=1088,612&crop_strategy=smart&zoom=1'"></figure>
          </figcaption>
      </div>
      <div class="text-left">
        <p>
          <a href="https://genshin.mihoyo.com/en" target="_blank" id="tribute link">Click Here</a> para conocer mas de
          Genshin Impact, el juego de rol de acción de miHoYo, ha sido finalmente lanzado para PC, PlayStation 4, Android e iOS.

          Genshin Impact es un juego de mundo abierto gratuito y cuenta con una tienda dentro del juego donde se pueden comprar artículos que van desde 1 a 110 euros, incluyendo la moneda premium del juego, Genesis Crystals.</p>
        <p>Así es como puedes descargar Genshin Impact en tu plataforma elegida:

          Los propietarios de PlayStation 4 pueden descargar el juego a través de PlayStation Store.

          Los jugadores de PC pueden descargar el juego e instalarlo desde el sitio web oficial del juego.*

          Para los que estén en Android e iOS, Genshin Impact puede descargarse en las tiendas Google Play y Apple, respectivamente.

          *Aquellos que deseen descargar el juego desde la página web: actualmente sufre de congestión, y los tiempos de descarga pueden variar.</p>
        <p>Los desarrolladores de miHoYo prometen que con Genshin Impact, los jugadores serán llevados «a los impresionantes paisajes de Teyvat, donde siete dioses gobiernan sobre siete elementos».</p>

        <p>Los jugadores asumen el papel del misterioso «viajero» que se pone en marcha en busca de respuestas para encontrar a su pariente perdido y, en última instancia, desbloquear los últimos secretos escondidos en el mundo.</p>

        <p>Al describir lo que los jugadores pueden esperar, miHoYo afirma que los jugadores pueden «explorar el maravilloso mundo de diversas culturas y paisajes, formando equipo con más de 20 compañeros, cada uno de ellos con poderes elementales únicos, para resolver los puzles y misterios de Teyvat».</p>

        <p>Por suerte, este es sólo el comienzo del largo viaje que le espera al juego con miHoYo anunciando que «Después del lanzamiento oficial de Genshin Impact, los jugadores podrán explorar dos de las siete ciudades principales de Teyvat, a saber, Ciudad de la Luna y Liyue».</p>

        <p>
          Cada una de estas ciudades tiene una atmósfera cultural única, con sus propios antecedentes y alrededores impresionantes. Los jugadores pueden esperar diferentes criaturas, enemigos, puzzles y tesoros escondidos dentro de cada ciudad.</p>
      </div>
      <footage>By Zafiadom</footage>
  </Main>

```body {
  background-color:lightblue;
  text-align:left;
  font-size:auto;
  font-family: "Oswald",times new roman
  
}
h1{
  font-size:60px;
  margin-bottom:25px;
  text-align: center;
}
h5{
  text-align: center;
  font-size: 18px;
}

jwilkins.oboe · November 5, 2020, 6:16pm

Hey @Zafiadom!

So this is how you transfer your code from vs code to codepen and share the link with the forum. I have copied your code and created a new pen and will now share it on this forum thread.

Now everyone can see your project. We can see what tests are not passing. This is what people mean when they ask for you to share your link. Hope that makes sense.

So here is the problem for the tribute link.

<a  id="tribute link">Click Here</a>

Ids cannot have spaces. You need to write it like this.

<a  id="tribute-link">Click Here</a>