Product Landing Page Project - Feedback please


I would very much appreciate it if I could please receive some feedback regarding my landing page project.

I have spent far too long on this project as I wanted to make it clean, responsive and didn’t want to cut corners, I also had a nightmare with the layout of my header and navigation as well as the different screen sizes and orientation as these conflict with each other and resulting in further media queries to tackle the landscape problem.

In regards to screen size, could anyone let me know if I am covering all screen sizes? in google chrome dev tools, if my screen size is more than 1000px in width and less than 414px in height my layout is disrupted, should I be creating extra media queries to resolve this?

Thank you for your time.


I love this landing page. It’s clean and easy to read and so is your code. My suggestions would be to make the navigation bar shorter on mobile and tablet because it’s fixed and takes up a lot of the viewport. I also think you should change the cursor to the pointer finger when you hover over the subscribe button. About how long did it take you to make this? Did you plan out the design beforehand?

Thanks for the feedback!

I done what you suggested and applied cursor: pointer; Would it be normal to have a top-down navigation menu only if I had a collapsable menu? I had taken a look at the sample project and I wanted to be able to click in a space around the link, not directly on the link.

I posted my last project (survey form) about a week ago. This was when I began working on the landing page. First, I began with a basic header, looked up a few videos on responsive navigation menus on youtube, and stripped features that I found appealing and customized my navigation bar.

Then I viewed some of the landing pages others had done here as I wasn’t sure what my product was going to be, in fact, I was going to have lorem ipsum placeholder text. Then I came up with my own thing and applied some features from my previous projects.

I didn’t plan it beforehand, I took some ideas from youtube and w3school and hacked my own thing together :sweat_smile:

Hi, it looks nice! I love how you designed your navigation bar!

I think a collapsable menu is a great idea!

1 Like

Your page looks good @tom.williams0593. Some things to revisit;

  • Keep the test script when forking the pen (<script src=""></script>).
    • The test script should be included, with all tests passing, when you submit your projects.
    • Your page passes 12/16 user stories. Click the red button to see which test(s) are failing and text to help you correct the issue.
  • Codepen provides the boilerplate for you. It only expects the code you’d put within the body element in HTML. (No need to include the body tags). For anything you want to add to the <head> element click on the ‘Settings’ button, then HTML and add it into the ‘Stuff for <head>’ box.
    • The link to the font goes in the box labeled ‘Stuff for <head>’
  • As you learn more, revisit this page. Take into account the size of your navbar. Currently, when a user clicks on one of the links to take them to a section it’s partially covered by the navbar.