I did the Tribute Page and the Survey Form project. I'd like some feedback. Thank you

Here is the survey form : https://codepen.io/nhalies/full/ExmOLPd
Here is the tribute page : https://codepen.io/nhalies/full/dyWqVXJ

With the survey form, I tried doing a mobile-first approach for the first time. And for the tribute I did a desktop first. I’m not sure if my code is messy or not…

2 Likes

Welcome to the forums @princeHalies. Your pages look good. Some things to revisit;

tribute

  • Do not use the <br> element to force line breaks or spacing. That’s what CSS is for.
    • Reference MDN Docs
    • Also, if you want multiple paragraphs then use multiple paragraph elements.
  • Accessibility is about being accessible to all users. For a thorough explanation read Web Accessibility in Mind.
    • Your link is good but you can do without “click here to”

survey

  • Run your HTML code through the W3C validator.
    • There are HTML syntax/coding errors you should be aware of and address.
    • Since copy/paste from codepen you can ignore the first warning and first two errors.
  • If you’ve filled out an on-line form then you may have noticed that the asterisk means the field is required. You have fields marked with an asterisk that are not required. This would be a confusing UX.
  • You force the user to select “jonathon joestar” in order to continue. This is a bad UX.
1 Like

Thank you so much for your response. I learned just now that I’d have to use Javascript to make checkboxes required…I’ll fix everything thanks.

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