FCC - Product Landing Page -

Code Feedback
1

Please guys kindly check out my product landing page and give me your feedback so as to enable me to improve.
https://codepen.io/smartray/full/YzXJvyX

2

Again, great work by you! Like the design and it’s easy to navigate.

1 Like
3

Thanks again. I appreciate

4

Your page looks okay @smartray. Some things to revisit;

  • On using codepen. codepen only expects the code you’d put within the <body> </body> tags in HTML. (No need to include the body tags). 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>’
    • The link to your font would go in the box labeled ‘Stuff for ’
    • The FCC test script is JavaScript. It would not go into the head
  • Run your HTML code through the W3C validator. Just copy your HTML and paste it into the ‘Validate by Direct Input’ tab.
    • There are quite a few errors that need to be cleaned up.
    • An id should be unique for the document
  • Do not use internal and in-line styling. All your styling should be external.
5

That’s super awesome man!

It’s really funny how you put everything into HTML. LOL.

Your other stuff is really good too! Best of luck. I can’t wait to see more.

6

Thanks man.
you could also check out this simple issue tracker - https://codepen.io/smartray/full/NWqoLJK

lemme know what you think

1 Like