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.
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:
If you created a new Pen (without forking) you need to copy add the
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.
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.
Hope that helps!
Thank u for information
Hi.I added script tag but test suit option is not coming.
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.
thank u its came now .and how to post codpen link in forum.
Copy the link and paste it in the forum.
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
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.
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.
Okay.Thanks again. I will try to search .