Where do I write the Project Code on codepen.io, is it HTML or CSS?

OK, I don’t get where I am supposed to write out the codes for my project…on codepen.io. Am I to write in HTML or CSS? What I have written so far isn’t appearing on the display area.emphasized text


And yes. you write both or either in Codepen!

*:rofl: it even fixed my </p> error but no one sees that :see_no_evil:

for issues with your code share your pen, and people can help you

Thank you. I’ll get back to it again.

Alright then, thank you.

I did it!!!
Feel free to criticise, I don’t really know half of what I did there…but I’m happy

you should use the test suite, you should put in the CSS box what you would put in the style tags, and in the HTML box what you would put in the body tags

or if you want you can just use a different editor, like for example repl.it where you can just add everything in there

note, the head element is for metadatas not for stuff to put in the page. In codepen you can add metadatas in the pen settings, it can’t be a children of main element

attribute values should always be surrounded by quotes, you have many places in which this doesn’t happen.

Example of something to fix:

<img big-image src="https://www.bing.com/th?id=OIP.Hlwkf74rTvfF-qGQOuQiqgHaFd&pid=Api" alt=Kenneth Hagin sitting">

the alt attribute is missing one quote, and big-image is not a valid attribute - do you wanted maybe it to be a id or class?

Hmm…thanks alot. I am making corrections right away.

still this error

If you want to add metadatas don’t use a metadata tag but open the pen settings and put them there

remove the html tags, remove the doctype tags as those are already added in the background in the codepen editor
you need to put in there only what you would put in the body tags

you are still missing the test suite.
you can add this script tag at the bottom of your html box: <script src="https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js"></script>
in this way you can finally test your project and see if you pass all user stories

I have seen what (everything) I was doing wrong. I actually did not know I was supposed to follow the Tribute Page example to build mine.

My issue now however is that the page is not accepting my anchor link to wiki and keeps saying my image is not relatively responsive to the parent.
So, for the last time (hopefully?) help.

The link is still https://codepen.io/belle777/pen/LYVEXdv

@Belle777, when the tests fail you can click on the red button for an explanation. For instance, the failure for your tribute link says, I should see an <a> element with a corresponding id="tribute-link" Check what id you have. There is a similar message for your <img> element.

You don’t have to follow the example page, you just need to pass the user stories. The example page is just one way of doing the page.

Thank you. All done now. :sweat_smile:

@Belle777, for anything you want to add to <head> click on the ‘Settings’ button, then HTML and add it into the ‘Stuff for <head>’ box.
- The link to your font would go in the box labeled ‘Stuff for <head>’