Feedback appreciated on product landing page

Code Feedback
1

Hi there,

I am new to this forum and fairly new to coding and would appreciate some feedback please.

Here is my link to the product landing page.
https://codepen.io/Hannahro15/pen/NWRZRxr

I have validated this in the w3 validator and on codepen. It seems to be ok and all of my tests have passed. I had a couple of issues with this project though as firstly I couldn’t get the logo/image to show. Also when I scrolled down the page the video went in front of the navbar instead of behind and also the video wasn’t working properly. Any suggestions to the above would be great and any other feedback would be useful too.

I have more or less done my tribute page and survey from but I still need to update it/validate it too on the w3 validator so I will share those projects on this forum too once done. I have passed the tests on these as well.

Thanks,
Hannah

1 Like
2

HI @hannahro15 !

That’s because the image needs to be on the internet.
Here are some free hosting options.
Then you can copy the image url.

You need to go to the youtube video.
Click share.
Click embed.
Copy the html code from there.

You are going to have to get rid of the frameborder attribute since that is obsolete.

For codepen, you do not need the html tags and doctype.

On smaller screens the h1 disappears.

I would add a cursor pointer to the submit button.

Hope that helps!

3

Hey, I love the website, very clean.

As noted above, local images are not supported by codepen and therefore need to be hosted elsewhere to be available for use.

For video showing before navbar I couldn’t replicate that, but easy fix is to up the z-index property of your navbar.

Your nav links can be a bit fancier looking or larger in font size. Perhaps laid out horizontally with responsive spacing? (flexbox) and on mobile perhaps stacked on top of one another? You can even take advantage of pseudo-classes such as :hover and :active to make it interactive.

Your restaurant name unfortunately gets gobbled up as the screen gets smaller.

Overall great job! also love the menu, made me very hungry.

4

Your page is good @hannahro15 few things to revisit:

  1. Change you whole page’s font to Sans-serif
  2. Make your nav-bar personalized
5

Thanks so much for the feedback so far. I will post an updated version over the weekend probably. Meanwhile if anyone else has any more feedback too that would be great.

6

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.