# Survey Form Feedback welcomed :) (new to web design)

**URL:** <https://forum.freecodecamp.org/t/survey-form-feedback-welcomed-new-to-web-design/316917>\
**Category:** I Built This\
**Created:** [September 24, 2019, 4:10pm UTC](https://forum.freecodecamp.org/t/survey-form-feedback-welcomed-new-to-web-design/316917 "2019-09-24T16:10:55Z")\
**Posts on this page:** 7\
**Page:** 1

<div class="post-metadata">

**Author:** ![spskishore](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/spskishore/32/124710_2.png) [@spskishore](https://forum.freecodecamp.org/u/spskishore)\
**Post date:** [September 24, 2019, 4:10pm UTC](https://forum.freecodecamp.org/t/survey-form-feedback-welcomed-new-to-web-design/316917/1 "2019-09-24T16:10:55Z")

</div>

hello Everyone i have just completed my FCC Survey form project , I would appreciate any feedback and suggestions about my project, thanks guys 🙂 happy coding.  
[https://codepen.io/spskishore/pen/MWgLxNZ?editors=1100](https://codepen.io/spskishore/pen/MWgLxNZ?editors=1100)

---

<div class="post-metadata">

**Author:** ![KittyKora](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/kittykora/32/124629_2.png) [@KittyKora](https://forum.freecodecamp.org/u/KittyKora)\
**Post date:** [September 24, 2019, 5:05pm UTC](https://forum.freecodecamp.org/t/survey-form-feedback-welcomed-new-to-web-design/316917/2 "2019-09-24T17:05:11Z")

</div>

work on your design skills this looks like it was made in the year 2007 also why with the section of the drop down menu whyy don’t your option has a value? :3 great work for a first time project thou.

---

<div class="post-metadata">

**Author:** ![spskishore](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/spskishore/32/124710_2.png) [@spskishore](https://forum.freecodecamp.org/u/spskishore)\
**Post date:** [September 24, 2019, 5:25pm UTC](https://forum.freecodecamp.org/t/survey-form-feedback-welcomed-new-to-web-design/316917/3 "2019-09-24T17:25:03Z")

</div>

thanks for your valuable suggestions bro, i will sure look into it and i have to learn a bit more in designing 🙂

---

<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:** [September 27, 2019, 11:50am UTC](https://forum.freecodecamp.org/t/survey-form-feedback-welcomed-new-to-web-design/316917/4 "2019-09-27T11:50:14Z")

</div>

Hi @spskishore, your survey form looks okay but there are things you should revisit;

- 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.
- codepen provides validators for HTML, CSS and JS. Click on the down arrow in the upper right of each section and then click on the respective ‘Analyze’ link.
  - there are multiple errors in HTML you need to clean up and you use an obsolete element. (get rid of the obsolete element. It doesn’t look good and is obsolete for a reason)

- don’t use the `<br>` element to force spacing. Use `margin` and/or `padding` in CSS instead
- You have a typo in your radio buttons. Click on the labels and you’ll see what I mean
- For the checkboxes, make it so the user can click on the labels, not just the checkboxes
- Change the cursor to a pointer when hovering over the submit button

---

<div class="post-metadata">

**Author:** ![spskishore](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/spskishore/32/124710_2.png) [@spskishore](https://forum.freecodecamp.org/u/spskishore)\
**Post date:** [September 27, 2019, 6:29pm UTC](https://forum.freecodecamp.org/t/survey-form-feedback-welcomed-new-to-web-design/316917/5 "2019-09-27T18:29:01Z")

</div>

thanks a lot for your suggestions, @Roma i am learning again from basics inorder to improve my mistakes,thanks for spending time in visiting my web page, happy coding 🙂

---

<div class="post-metadata">

**Author:** ![pattie](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/pattie/32/124264_2.png) [@pattie](https://forum.freecodecamp.org/u/pattie)\
**Post date:** [September 27, 2019, 9:28pm UTC](https://forum.freecodecamp.org/t/survey-form-feedback-welcomed-new-to-web-design/316917/6 "2019-09-27T21:28:53Z")

</div>

> [@Roma](#):
>
> 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 ’ box.

Thanks for this. I was struggling to link to bootstrap and could not figure out how to do that.

---

<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:29pm UTC](https://forum.freecodecamp.org/t/survey-form-feedback-welcomed-new-to-web-design/316917/7 "2021-02-06T13:29:44Z")

</div>

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


