Product Landing Page Feedback & Q's

Fellow campers,

https://codepen.io/AndrewCallahn/pen/bKKavb

I’m hoping for feedback and help on my Product Landing Page project. Feedback related to my designs, responsiveness, and obvious errors. Help related to an error I’m receiving stating that my navbar isn’t at the top of the scrollbar after scrolling. I have my navbar in “position: fixed;” and I’m unsure of which element(s) are triggering this error.

Thanks for any feedback and help!
-A

I fixed the navbar issue! Let me know if you also run into this and I can help.

Feedback still welcome on my Product Landing Page: https://codepen.io/AndrewCallahn/full/bKKavb/

Thanks for any comments.

Hi.
You did a good job and most of what I want to tell you is about responsive and adaptive.

  1. Your menu is not responsive at small viewports.
    2018-06-24%2015_53_39-Fork%20Me!%20FCC_%20Test%20Suite%20Template
  2. Cost items have different width
  3. Try to resize the window and you’ll see unresponsive blocks like this one
    2018-06-24%2015_53_39-Fork%20Me!%20FCC_%20Test%20Suite%20Template
  4. And it would be better if you make social icons at the bottom links.
    2018-06-24%2015_53_39-Fork%20Me!%20FCC_%20Test%20Suite%20Template

Have a nice coding.

1 Like

Thanks for the feedback!

I changed the social media icons into links, made the “learn more” section responsive and semi-fixed the “pricing” section. I’m still stuck on making the navbar responsive.

Any other comments?

Try to move your img out of ul tag and then rewrite your .nav-bar styles for img and ul items. You can use flexbox or grid.
It will be mush easier to fix your responsive menu if actual menu list (ul) will not contain img.

And about your Learn more block: it would be better if you make label and inputs in column at viewport around <600px or something about it.

1 Like