Freecodecamp Front end projects

Project Feedback
#1

Hello, guys here is my links for the projects built for the freeecodecamp.
please have a look and your feedback would be very important for me.

Tribute page:- https://codepen.io/cibisum/pen/XGyNzG?editors=1010
Survey Form: - https://codepen.io/cibisum/pen/YgoRwO
Product landing page: - https://codepen.io/cibisum/pen/RzLLqx

#2

Hi @cbisum. Some things to revisit;

  • codepen only expects the code you’d put within the <body> </body> tags in HTML. (No need to include the body tags). For anything you want to add to the <head> click on the ‘Settings’ button and add it into the ‘Stuff for <head>’ box.
  • codepen provides validators for HTML, CSS and JS. Click on the down arrow in the upper right of each section and then click on the respective ‘Analyze’ link

Survey form;

  • if you’ve ever filled out a form on-line you may have noticed that required fields are marked with an asterisk (*). If it’s not required, not mark it as such.
  • don’t use <br> to force spacing. Use margin and/or padding in CSS
  • make it so users can click on the radio buttons and check box labels
  • the Submit button is hard to read. Black on dark blue is not a good color choice.
  • change the cursor to a pointer when hovering over the Submit button

Product Landing;

  • navbar covers the section the user is brought to. Think about adding some padding to each section
  • on small screens the navbar covers the text on the page
  • color choices again. Dark blue and black don’t mix
  • make the email field required

Personal Porfolio;

#3

Thank you so much roma for your feedback. I have made changes based on you suggestions it can be seen now.
thank you

#4

I see you’ve incorporated a few of the suggestions I made.

#5