Product Landing Page-feedback appreciated

Hi all!

I am kind of happy of this result but i’d like to hear feedback to continue improving…

1 Like

Hi @sergiomaor, your page looks okay. 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>’
  • Run your code through a validator. There’s a lot you can clean up in HTML.
  • use codepen’s validator for your CSS. You have a duplicate that could potentially give you problems.
  • Do not use the <br> tag. Instead, use margin and/or padding in CSS.
  • Change the cursor to a pointer when hovering over the submit (go) button.
  • On smaller screens, one letter should not wrap. You can make the boxes a little wider or stack them.
  • When clicking on the ‘plans’ or ‘video’ links the top of the section is covered by your nav-bar. Maybe introduce some padding to avoid this.
  • The ‘success cases’ link leads to a 404 error.
  • When hovering over each of the social media links the icon disappears.

-reduce the video width.
-increase the width of the social icons on the bottom.

I think it looks really good!

A couple of things I noticed:

  1. Your chef’s hat (#header-img) looks off center in my browser. Is it supposed to be centered or floated right?

  2. Your box#1 pulls your entire (.videos) class up with it on hover. I couldn’t find the specific code that could address that.

Nice job!

  • Darwin :frog:

thanks for your answer, i’ll have a look