Hello there… again! I’ve completed the second project in the Responsive Web Design Certification ( https://codepen.io/myrlockx/full/oNYjMVv ) and as you can see my design it’s pretty basic and plain. It would be very helpfull to get some suggestions regarding topics I can research to improve my skills in that aspect.
Also unrelated but constructive criticism is always welcome! Thanks in advance
Your form looks good @Myrlock. 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.
- Two things here. First
</br>
is not a valid HTML element. Second, don’t use the<br>
element to force line breaks or spacing. That’s what CSS is for.- Reference MDN Docs
For a styling suggestion, I’m pretty sure you can see it’s hard to associating the radio buttons / checkboxes with their respective labels. Also, if you’ve ever filled out a form you may have noticed the labels are to the right of the radio buttons / checkboxes.
Maybe review this lesson to see how you can group. (By the way this works for more than just the radio buttons)
Change the cursor to a pointer when hovering over the submit button.
- User’s should be able to click on the label to toggle a selection, not just the radio button / checkbox
- This isn’t working for your first checkbox. Review it and you’ll see the typo that’s causing the issue.