My Project on Codepen

Please am I to use sign up for codepen first before working on my project or I can use it like that, if so, how should i go about it?

Register on the platform first, then you could create ‘Pens’ there which are nothing but code snippets you can work on.

Thanks a lot, please how can I add an img to the page?
Thanks a lot

Use an Image tag in the HTML markup section


<img src="" alt="describing text" />
1 Like

@SethWills10e, when adding an image to your Pen it has to be hosted somewhere. You will not be able to add an image that is hosted on your machine.
You can search and find places that offer free image hosting.


please guys where am I going wrong cause the test score is refusing to increase

this is the sample of what am supposed to create?

i have just started codepen myself, its really convenient, you should sign in to codepen, it’s a good platform.


@SethWills10e, when a test fails click the red button to see which test(s) are failing and text to help you correct the issue.
Be sure and read more than just the first line of the failing message. The ability to read and comprehend error messages is a skill you’ll need to acquire as a developer. Ask questions on what you don’t understand.

The first failing message says

My tribute page should have an element with corresponding id="main", which contains all other elements.
expected null to not equal null
AssertionError: expected null to not equal null

Do you understand what the test is looking for and why it is failing.

On a side note you do not have to replicate the sample projects. The are just examples of one way the project can be done. The instructions tell you that your project should be “functionally similar” and “give it your own personal style”.

Thank you very much…

1 Like

Please guys am here again and having difficulty on my last project (Personal Portfolio) with the section of projects

trying to do the picture kind of grid link
the sample

please how do I go about it guys?

@SethWills10e, when you have an issue that is with a different project you should open a new topic.

To answer your question, Codepen creates large and small screenshots of your pens that can be used in your portfolio. Their official documentation explains how to access them.

1 Like

Thank you very much…

1 Like

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