HTML Survey project

Hey everyone, I just completed my survey project from responsive web design curriculum! I know it isn’t much and I want to get better! Would love to get some feedback on how I can improve this in any way possible! Thank you!

here’s the link to my code:

https://codepen.io/Rynell-lee/pen/wvdzJYd

2 Likes

Your form looks good @rynell-lee. Some things to revisit;

  • Verify your email addr with codepen so we can see your project full view
  • Run your HTML code through the W3C validator.
    • There are HTML syntax/coding errors you should be aware of and address.
  • Codepen provides validators for HTML, CSS and JS. Click on the chevron in the upper right of each section and then click on the respective ‘Analyze’ link.
    • The one for CSS is good. Use it and address the issue(s).
    • (The one for HTML misses things which is why I recommend W3C)
  • Change the cursor to a pointer when hovering over the submit button
  • Do not use the <br> element to force line breaks or spacing. That’s what CSS is for.
  • Make your page responsive. Remember, the R in RWD stands for Responsive
    • There’s a horizontal scrollbar on smaller screens
  • It’s minor but the placeholder text should not mirror the label. Rather it is used to show the user the expected format to input.
1 Like

Hello Roma,

Thank you for taking the time to go through my project, your advice is greatly appreciated!

Dear rynell-lee,

I saw your project and one of the things you should do is to change the text size and color (because the background is quite white as well) and you should expand the background to all the page. Try this!

Have a good day!

1 Like

Hi Michael,

Thank you for your suggestion! Will take note.

Cheers!

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.