Survey Form feedback please

I Built This
1

Hello

Onto the second challenge. Here’s my survey form. Would love some feedback.

https://codepen.io/sam-g-code/full/PoZZKzV

Thanks

Sam

2

I’d personally shoot for a little more contrast with my primary text color, and avoid the mixed border because it’s a bit hard on the eyes. Other than that solid work, I think it’s a great start. :mechanical_arm: :smiley:

contrast
contrast2118×1308 325 KB

3

Thanks @Codemetheus

That’s really useful advise. I’ll definitely use the Contrast Checker in the future.

4

hi @sam-g-code
great work

edit: sorry i had to delete my post, it was off topic.

5

Your form looks okay @sam-g-code. Some things to revisit;

  • Codepen provides the boilerplate for you. It only expects the code you’d put within the body element in HTML. (No need to include the body tags). For anything you want to add to the <head> element click on the ‘Settings’ button, then HTML and add it into the ‘Stuff for <head>’ box.
    • The link to the font goes in the box labeled ‘Stuff for <head>’
  • Run your HTML code through the W3C validator.
    • Since copy/paste from codepen you can ignore the first warning and first two errors.
    • There are HTML coding errors you should address.
  • Don’t use <br> to force line breaks. That’s what CSS is for.
  • You’ve made it so the user MUST select car as a mode of transport whether they want to or not.
  • change the cursor to a pointer when hovering over the submit button
6

Thanks @Roma

Really useful advise. Hopefully I’ve addressed the problems you identified.

7

Good job cleaning things up @sam-g-code. You missed one. Line 2 you have;
<div class="header" <header class="header">
notice the div is missing the closing angle bracket?
should be;
<div class="header"> <header class="header">

8

Got it. Thanks a lot.