Responsive-Web- Design-Projects

Hey all , i just completed 3 projects from responsive web-design module and i want to get some feedback, here are these projects :

  1. Tribute Page|| https://codepen.io/Ako15/pen/qBNpvGQ
  2. Survey Form|| https://codepen.io/Ako15/pen/pobpXEg
  3. Product Landing Page|| https://codepen.io/Ako15/pen/rNLJBXL

Welcome to the forums @Akaki15. Pages looks good. Some things to revisit;

Tribute

Survey

  • 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.
  • Your form says age is optional yet it is required to submit the form successfully
    • you should pick a realistic age range
  • User’s should be able to click on the label to toggle a selection, not just the radio button / checkbox.
  • Do not use the <br> element to force line breaks or spacing. That’s what CSS is for.

Prod landing

  • The test script should be included, with all tests passing, when you submit your projects.
    • Your page passes 14/16 user stories. Click the red button to see which test(s) are failing and text to help you correct the issue.
  • 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.
  • Your navbar contains calls to Font Awesome icons but you’re not calling or using FA in your code
  • Do not use in-line styling. All your styling should be external