Finished Survey form. Feedback please

Code Feedback
1

Hello All,

I just finished my survey form. Any feedback will be greatly appreciated. I had some trouble with the responsive part, but I think it turned out okay.

Here is the link:
https://codepen.io/Merc923/pen/aeOeBW

Thank you.

2

Looks good overall. It could use a bit of padding so the top and bottom text aren’t right up against the edge.

3

It looks good. It does remind me of the Sims.

Suggestion in bold:
Are you planning on purchasing The Sims 3 when it is released?

You’re doing well, keep going!

2 Likes
4

Hi @merc923, overall your page looks good until the screen width is greater than 1000px. Then it looks horrible. Your form is jammed against the left side of the screen and basically it seems as though it’s just a background image with stuff on the side. You may want to take another look at your media queries.

A couple of other things that may help;

  • codepen only expects the code you’d put within the <body> </body> tags in HTML. (No need to include the body tags). For anything you want to add to the <head> click on the ‘Settings’ button and add it into the ‘Stuff for <head>’ box.
    • The link to your font would go in the box labeled ‘Stuff for <head>’
  • take another look at using the <label> tag for radio buttons and checkboxes. Make it so the user can click on the label to make a choice. Not just the button/box.
  • try to not use the <br> tag. Use margin and/or padding in CSS instead.

Keep it going.

5

Thank you for the advice, it really helps.

6

Thanks for the tip. I made the adjustment and it does look better.