Building a Tribute Page1

Tell us what’s happening:
Describe your issue in detail here.

**Your project link(s)**I completed my course and started building projects. When I am building tribute project on html css, I came up to 8 steps but last two steps are getting. Please help me to get this project.
Thanks.

solution: https://codepen.io/srishanth000/pen/OJgMBM

Your browser information:

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

Challenge: Build a Tribute Page

Link to the challenge:

Hi @srishanth000!

This link you gave is wrong I think, so can you share the actual link?

https://codepen.io/srishanth000/pen/OJgMBMV

Try fixing these User Stories:

  • I should see an <a> element with a corresponding id=“tribute-link”, which links to an outside site that contains additional information about the subject of the tribute page. HINT: You must give your element an attribute of target and set it to “_blank” in order for your link to open in a new tab (i.e. target="_blank").

  • The <img> element should responsively resize, relative to the width of its parent element, without exceeding its original size.

  • The <img> element should be centered within its parent element.

I played with your code and I think this might be the problem:

<div id="img-div">
    <a id="tribute-link" herf="https://www.instagram.com/brainstromingfacts/" target="_blank" >View more</a>
    <figcaption id="img-caption">Doraeman is the most funny and entertaining character in the kids role. Now-a-days this cartoon became more famous because it tells about our future. So all must and see this cartoon atleast a day. Thank You.</figcaption>
  </div>

Your Tribute link is inside the img-div, You might want to take the link out of the image.

You have a typo here, it should be href, not herf:

<a id="tribute-link" herf="https://www.instagram.com/brainstromingfacts/" target="_blank" >

Thank You mam. I got it

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