My first product landing page feedback

I just completed my product landing page challenge.
your feedback and review will be much appreciated.
here is the link
https://codepen.io/legaspi111/pen/rNMaOKd

2 Likes

Hi Jonathan,

CRAP design principles can help improve this: https://vwo.com/blog/crap-design-principles/

I can observe the following:

  • the icon on the top left is stretched
  • the navigation bar should fill all the width size
  • the first text with input and button should be aligned to the center
  • there are extra bullet points not used
  • the text from the bullet point overflows

1 Like

Hi @jonathanfriday947!

C.R.A.P. stands for C ontrast, R epetition, A lignment, and P roximity. :grinning:

1 Like

Thank you so much! i will work on that.

Excellent start. But then I noticed

  • You can tweak the body content to have equal padding/margin.

  • A lil suggestion, make sure the image used as logo has a ratio of 1:1 such height and width are equal

  • Apply max-width:100% css rule to image contained in the body so that it doesn’t overflow it’s container.

  • The body would be awesome with white background.

Happy coding!

Thank you so much for the review i will work on that.

1 Like

Looks good, add this code for smooth scrolling:

html { scroll-behavior: smooth; }

Thank you for your time!