Product landing Page - feedback review

Code Feedback
1

https://codepen.io/Martin_Donohoe/full/gOMzGjW

I need some feedback on my Product Landing Page. All the tests are working but I am not sure about the layout/style. Any suggested improvements would be appreciated.

2

Hey @Martin_Donohoe!
Your page looks good! There are some things to Review.

  • You can design your Promo section.
  • The Form Elements in Center Could Be nice.
  • The Price section can some what big.
  • You add some space in responsive for form elements.

That’s My Feedback.

Thanks and Happy Coding!

3

Hi @Martin_Donohoe!

(Optional) You could add a smooth scroll to your page. When you click on the links to go to different sections it will create a smoother transition.

html {
  scroll-behavior: smooth;
}

Also I noticed this alot in your code.

/*This is a little repetitive */
padding: 0.5em 0.5em;

/*Rewrite like this. It does the same thing*/
padding: 0.5em; /*.5em on all sides*/

/*This is a little repetitive */
 padding: 2% 5% 2% 5%;
/*Rewrite like this. It does the same thing*/
 padding: 2% 5%;/*top & bottom = 2% left & right=5%*/

Hope that helps!

1 Like
4

@jwilkins.oboe thank you I will look at changing those.
regards

martin.

5

Hi @codely ,

I get the bit about centering the form section. Not sure about the second bit “add some space in responsive”?

Do you mean the price sections are too big on your screen or too small?

Regards,

martin