Project Feedback: Just Completed Product Landing Page

Hi Everyone.

Just completed my Product Landing Page and just wanted to get some feedback.

Product Landing Page


Looks great! Breaks easy when the viewport isn’t wide enough and it’s a wide layout.

You have double the li s in the nav list because they are all opening tags none are </li>.

It may help if they were inline-block instead of inline;

The image is forced out of the .menu-box very soon. This can be prevented by changing the image’s width to max-width:100%; and no height. that with your padding lets it scale nicely inside the .menu-box border.

In general, if you use proportional measurements then you won’t need so many media queries. Good Luck!