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-
https://codepen.io/Deborah4Jesus/pen/BaLzBGW
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:
Hey @DANIEL4JESUS,
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.
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?
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>
this is the link , somebody already accessed it . i have recopied and pasted. please, kindly try again. https://codepen.io/Deborah4Jesus/pen/BaLzBGW
i have actually repasted the script.
It’s still not visible, but I included it from my side, and I found the error.
tribute-infotribute-linkYour
tribute-linkhastargets"_blank"which should betarget="_blank"
You’ve element with id
Tribute-infowhich should betribute-info, watch the uppercase.
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.
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
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.
center align your image, and that’s it.
i have center- aligned but still in 9/10
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>
</div>
<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"
</div>
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.
