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.
- Also, do not use the
- 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