# Finished Survey form. Feedback please

**URL:** <https://forum.freecodecamp.org/t/finished-survey-form-feedback-please/297303>\
**Category:** I Built This\
**Created:** [July 21, 2019, 11:04pm UTC](https://forum.freecodecamp.org/t/finished-survey-form-feedback-please/297303 "2019-07-21T23:04:58Z")\
**Posts on this page:** 7\
**Page:** 1

<div class="post-metadata">

**Author:** ![merc923](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/merc923/32/134881_2.png) [@merc923](https://forum.freecodecamp.org/u/merc923)\
**Post date:** [July 21, 2019, 11:04pm UTC](https://forum.freecodecamp.org/t/finished-survey-form-feedback-please/297303/1 "2019-07-21T23:04:58Z")

</div>

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](https://codepen.io/Merc923/pen/aeOeBW)

Thank you.

---

<div class="post-metadata">

**Author:** ![DanOfTheMountain](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/danofthemountain/32/114595_2.png) [@DanOfTheMountain](https://forum.freecodecamp.org/u/DanOfTheMountain)\
**Post date:** [July 22, 2019, 1:19am UTC](https://forum.freecodecamp.org/t/finished-survey-form-feedback-please/297303/2 "2019-07-22T01:19:23Z")

</div>

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

---

<div class="post-metadata">

**Author:** ![HollandAsh](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/hollandash/32/37602_2.png) [@HollandAsh](https://forum.freecodecamp.org/u/HollandAsh)\
**Post date:** [July 22, 2019, 12:03pm UTC](https://forum.freecodecamp.org/t/finished-survey-form-feedback-please/297303/3 "2019-07-22T12:03:40Z")

</div>

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!

---

<div class="post-metadata">

**Author:** ![Roma](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/roma/32/112899_2.png) [@Roma](https://forum.freecodecamp.org/u/Roma)\
**Post date:** [July 23, 2019, 2:36pm UTC](https://forum.freecodecamp.org/t/finished-survey-form-feedback-please/297303/4 "2019-07-23T14:36:15Z")

</div>

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.

---

<div class="post-metadata">

**Author:** ![merc923](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/merc923/32/134881_2.png) [@merc923](https://forum.freecodecamp.org/u/merc923)\
**Post date:** [July 28, 2019, 5:02am UTC](https://forum.freecodecamp.org/t/finished-survey-form-feedback-please/297303/5 "2019-07-28T05:02:57Z")

</div>

Thank you for the advice, it really helps.

---

<div class="post-metadata">

**Author:** ![merc923](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/merc923/32/134881_2.png) [@merc923](https://forum.freecodecamp.org/u/merc923)\
**Post date:** [July 28, 2019, 5:03am UTC](https://forum.freecodecamp.org/t/finished-survey-form-feedback-please/297303/6 "2019-07-28T05:03:54Z")

</div>

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

---

<div class="post-metadata">

**Author:** ![ILM](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/ilm/32/363239_2.png) [@ILM](https://forum.freecodecamp.org/u/ILM)\
**Post date:** [February 6, 2021, 1:31pm UTC](https://forum.freecodecamp.org/t/finished-survey-form-feedback-please/297303/8 "2021-02-06T13:31:32Z")

</div>

Closed on February 6, 2021, 1:31pm UTC


