2 tribute page project

Tell us what’s happening:
my tribute page project is still showing 7/10 , i really don’t know whats wrong. please, i need help. Below is the link to my pen-

Your code so far

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 6.1; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/86.0.4240.198 Safari/537.36.

Challenge: Build a Tribute Page

Link to the challenge:

1 Like

You shouldn’t remove the script tag(test suite) provided at the start of pen.
Please add it and then, we’ll be able to see the cause due to which, you’re not able to pass the tests.

1 Like

i have included it. Also, my youtube link- which is a documentary of the character also refused to connect even tho it played externally. could this be one of the problems?

1 Like

I’m unable to see the test script.
Please, recheck the link you provided, and one you’re editing.
Save the changes, if they’re not saved.
Below is the test script

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

this is the link , somebody already accessed it . i have recopied and pasted. please, kindly try again. https://codepen.io/Deborah4Jesus/pen/BaLzBGW

1 Like

i have actually repasted the script.

It’s still not visible, but I included it from my side, and I found the error.

  1. Your page should have an element with id tribute-info
  2. Your page should have a external link with id tribute-link
  3. image should be centered within it’s parent element

Your tribute-link has targets"_blank" which should be target="_blank"

You’ve element with id Tribute-info which should be tribute-info, watch the uppercase.

1 Like

i have corrected the uppercase, so it climbed to 8/10 and i have checked all other suggested points which seem to be in order. please, still kindly check again. then the external link-youtube refused to play even tho its playing externally.

1 Like

Have you corrected typo in the #tribute-link?

Reason of not playing the video, is due to same-origin-policy.
Check your browser console, for exact error when you click the image for loading youtube video.

For the last point, you have to align image at exact center of it’s parent element. remember that parent element for your image is anchor tag(#tribute-link) not #img-div

1 Like

i removed the ‘s’ from the target and it increased to 9/10. thanks greatly, but i can’t find anymore thing. Please, still help check.

1 Like

center align your image, and that’s it.

i have center- aligned but still in 9/10

It’s aligned left, not center.
Make it at center.
You may need to fix the width for the parent element.

Hi, @DANIEL4JESUS. It’s my pleasure to share my code here.

html file

<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 

<div id ="main">
  <h1 id="title">My Title</h1>
  <div id="img-div">
    <img id="image">
    <p id="img-caption"> Description of image file</p>
  <p id="tribute-info"> this is the information part of this tribute page</p>
  <a id="tribute-link" href = "https://www.freecodecamp.org/learn/responsive-web-design/responsive-web-design-projects/build-a-tribute-page" target = "_blank"

css file

img {
  display: block;
  max-width: 100%;
  height: auto;
  margin-left: auto;
  margin-right: auto;

I hope it will help you.

a bit confused here on what you mean

let me try it now, thanks for patience and help.

it worked, i can’ thank you enough. greater height.

please, do i need to save my work in the FCC test suite template before i shutdown so that freecodecamp to be able to access it,

Or how do save the project in the FCC test suite before i shutdown because that is the link i submitted, tho its already saved in my pen.

before shut down your codepen, you should copy the url of your code.
and then past it in the url input field.