RWD - Project 3:Product Page Feedback

Hey, guys, I’m back once again for some feedback, I wanna get some for my product page. I don’t think I’ve done so well with it but nevertheless, I’ll take any suggestions and/or tips. Thx in advance for the help. :slightly_smiling_face:

Regards
A front-dev rookie

Link to page:

Hey, first of all the input email field is broken on smaller screens.

The next thing is you should use

* {
margin:0;
padding:0;
box-sizing: border-box;
}

to avoid having margins around some elements. Now you have margins around your header part.
And I’m sorry but the navbar looks strange. Especially when it is a bit higher than the header. Although it works well. :smile:
It would look better in the very left top corner without any margin around.

1 Like

Yeah, I planned to keep the navbar at the top of the page but later in the project, I had to let it stay at the top the page (no matter how much you scroll, lol). So it destroyed my navbar plans. :pensive: Thx for the tips!

  • Run your HTML code through the W3C validator.
    • There are coding errors you need to address.
  • Don’t use <br> to force spacing. Use margin and/or padding in CSS