Tribute Page - Build a Tribute Page

HTML-CSS
1

Tell us what’s happening:
Describe your issue in detail here.
I would like to review specifically the numbered exercises related to this issue which I have solved before in the exercises and projects.

Can anyone help me with that?

Thanks! :grinning:

The console states:

// running 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. // tests completed

Your code so far

<!-- file: index.html -->
<!--add from DOCTYPE to full head-->
<!DOCTYPE html>
<html lang="en">
  <meta charset="UTF-8">
  <head></head>
<body>
  <h1 id="title">Página de tributo a kike</h1>
  <main id="main">
    <figure id="img-div">
      <img id="image"> </img>
        <figcaption id="img-caption">foto de kike</figcaption>
        </figure>
      <p id="tribute-info">kike ha sido desde siempre, la persona que me inspira a ser curioso, a aprender nuevas cosas, a ser compasivo entre otras cosas.</p>
      <a id="tribute-link" href="" target="_blank">más información aquí</a>
      </main> 
  

      
           
    
      
  </body>
 <footer></footer>
</html>

/* file: styles.css */
#image {
  max-width: 100%;
  height: auto;
  align: center;
  

}
img {
  display: block;
}

Your browser information:

User Agent is: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/116.0.0.0 Safari/537.36

Challenge: Tribute Page - Build a Tribute Page

Link to the challenge:

2

Note: Be sure to add <link rel="stylesheet" href="styles.css"> in your HTML to link your stylesheet and apply your CSS

1 Like
3

whoa that took a while till it hit me. :joy:!
Your CSS code is perfectly fine you just forgot to link it to your html file with the link element in your html code.

1 Like
4

we all share same issues when we code. I was not spared from forgetting this as well :sweat_smile:

1 Like
5

Thank you so much. I even made a comment to remind myself right at the beginning… and I forgot to define the DOCTYPE upto the head tag.

Thank you so much for taking the time to review my code.

Happy coding ! :grinning:

1 Like
6

:roll_eyes: can’t believe I even created a comment for myself to remember to fill that part. Lesson learned!

Thanks so much for your help!

Happy coding to you too! :grinning:

7

:joy:.Lol.Next time remember to create a comment reminding you to check your comments.