PROJECT LANDING PAGE by chandan

After many many hours of efforts, finally was able to create a project landing page. I know it has a LOOOOT of scoope for improvement but being a beginner, it’s very difficult for me. For now, This is what I could create. Would appreciate your feedback and suggestions to better organize my codes and to come up with a better page. Thanking you in advance.
https://codepen.io/croy4744/pen/xxEVeej

As you have mentioned that you are a beginner the page is already good and functional. And since you are looking for improvement, I would suggest you to define some rules for the navbar in the media query.

1 Like

Your page looks good @croy4744. Some things to revisit;

  • Run your HTML code through the W3C validator.
    • There are HTML coding errors you should be aware of and address.
    • Since copy/paste from codepen you can ignore the first warning and first two errors.
  • Check that the user has entered a valid email addr. Throw an HTML5 validation error if not.
    • You learned to do this when coding the survey form
  • This (</br>) is not valid HTML
    • Also, do not use the <br> element to force line breaks or spacing. That’s what CSS is for.
  • As mentioned, your media query does not display properly on smaller screens. Same with the sections in “Features”
  • On a side note, maybe change the ampersand to the HTML entity to be compliant with the reserved characters standard