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
welcome!
And yes. you write both or either in Codepen!
* it even fixed my
</p>
error but no one sees that
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
Hi.
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.
@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>’