PLS need feedback on my Product Landing Page

Code Feedback
1

Hello coders and developers. I finished my Product Landing Page
Please give me feedback about my project!!
How is it?
How can I improve the layout and the project in general?
Or Anything to give me feedback :smile:
here is my project:

2

I really liked your webpage…
and that logo beside the FCC test button, I just loved it…

I’d suggest to format the details in #table-compare section…
and you should style your contact box(email input and submit button)

3

Thanks @mukeshgurpude
I appreciate you, I will do :+1:

4

Your page looks good @abdulrahman.mhd.anas. Some things to revisit;

  • Codepen provides the boilerplate for you. It only expects the code you’d put within the body element in HTML. (No need to include the body tags). For anything you want to add to the <head> element click on the ‘Settings’ button, then HTML and add it into the ‘Stuff for <head>’ box.
  • Run your HTML code through the W3C validator.
    • There is an HTML coding error you should be aware of and address.
    • Since copy/paste from codepen you can ignore the first warning and first two errors.
      • Not concerned so much with the errors in the meta keywords (you have too many quotes) but you should be aware that in HTML5 the frameborder attribute is obsolete.
  • Do not use the <br> element to force line breaks or spacing. That’s what CSS is for.
  • Keep like media queries as one instead of scattering throughout. It will make maintenance easier.
  • As an aside, the .section-content selector has a few fonts that you neither link to (head element in HTML) or import it (CSS). You may have them downloaded on your box others probably will not.
1 Like