Online Learning Survey Form

Code Feedback
1

Hi, every Campers!
I came back for my second project with a Survey Form page and I need to have your feedback about it.
Thanks!
https://codepen.io/full-stack-gamers/pen/dyXxyWY?editors=1100

2

Hi @angeniandre!

On my end I can’t see your project.

empty project
empty project2456Ă—1110 278 KB

Make sure you fork the project and save it. (Fork is at the bottom right hand corner)
fork

3

The link you’ve provided is to the FCC forked pen, not yours.

  1. Ensure you’re logged into codepen when you fork the pen
  2. Make sure you save after doing all your coding
  3. Then post the URL to your pen
4

Ok! Now all is proper @jwilkins.oboe.

5

Thanks, @Roma,

I corrected it. Now all is fine. the correct link is: https://codepen.io/full-stack-gamers/pen/dyXxyWY

6

Sorry @jwilkins.oboe
I corrected it. Now all is fine. the correct link is: https://codepen.io/full-stack-gamers/pen/dyXxyWY

7

Your form looks good @angeniandre. 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.
  • User’s should be able to click on the label to toggle a selection, not just the radio button / checkbox
  • 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.
1 Like
8

Hey @angeniandre!

I think your form looks good. The only thing I would add is that I think the submit button would look better if it were centered.

Keep up the good work!

1 Like
9

Thank you @Roma for your recommendations. I will correct all mistakes.

10

Thank you @jwilkins.oboe!

Ok, so I will add this:

#submit {
margin: auto 25% auto 25%;
}
11

That works.
Also I guess I missed this the last time but you have one inline style that should really be in your css.

  <p id="description" style="text-align:center; font-size:1.5rem;">
1 Like
12

What’s the difference between what you’re adding and this;

#submit {
  margin: auto 25%;
}
1 Like