Query regarding tribute project

Hi, I have some doubts about the pen code. when I m uploading my codes there. I m not getting any option of suite test .plz can anybody tell me.

You need to include the Javascript script provided above the instructions.

but I have done only HTML and CSS. I did not start javascript yet.

and plz can u tell me how to paste my project link here in forum so i can get feedback of my project.

You can build your project by forking this CodePen pen. Or you can use this CDN link to run the tests in any environment you like: https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js .

If you created a new Pen (without forking) you need to copy add the

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

to the top of your Pen’s HTML section.

Your pen’s project link is just the address in your browser when you are looking at your pen.

2 Likes

Hi @mamtamukherjee1987!

When you include the script tag in your page like @ArielLeslie showed you than you can open up the test suite , choose the correct project and click run tests.

If all tests are passing then you are ready to submit the project.

If any of the tests are not passing than you need to click on the button below run tests to see which tests are failing. Please read the full error messages because they contain useful information on how to fix the issue.

When you are ready to share you project with the forum create a new topic in the #project-feedback section. You will get more responses that way instead of posting in the #html-css section.

Hope that helps!

2 Likes

Thank u :relaxed: for information

Hi.I added script tag but test suit option is not coming.<script>https://codepen.io/mamtamukherjee1987/pen/OJRrmRL</script>

You don’t need to modify the script tag.

Just use paste it exactly in your html page and the test suite will show up.

Incorrect:
<script>https://codepen.io/mamtamukherjee1987/pen/OJRrmRL</script>

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

thank u its came now .and how to post codpen link in forum.

Copy the link and paste it in the forum.

Like this
https://codepen.io/mamtamukherjee1987/pen/OJRrmRL


These errors r coming when i m doing test run.please can u help me where is the problem?

Hi again!

In the case of number 6.
I should see an element with a corresponding id=“tribute-info”, which contains textual content describing the subject of the tribute page.

You wrote this
<div id="tuibute-info">

For number 7
7. 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").

I don’t see an id of tribute link here

<a id="wikipedia" href="https://en.wikipedia.org/wiki/Mahatma_Gandhi"  target="_blank">wikipedia</a>

If you go through each error message like that then the issues will be fixed.

make sense?

Thank u again 6 and 7 number query solved but what about layout section plz can u explain me.

One of the things about these projects is learning how to research.

For example, in this error message
The element should responsively resize, relative to the width of its parent element, without exceeding its original size.
Try using the “max-width” style property

You could google how to create a responsive image and the first result will give you the answer you are looking for.

Same thing with this error message
The element should be centered within its parent element.
Image is not centered

If you google how to center an image in css
the first few results will give you the answer you are looking for.

Research plays a big part in development. It is an important skill to have.

1 Like

Okay.Thanks again. I will try to search .