# My Survey-Form Project Initial

**URL:** <https://forum.freecodecamp.org/t/my-survey-form-project-initial/296022>\
**Category:** I Built This\
**Created:** [July 17, 2019, 9:34am UTC](https://forum.freecodecamp.org/t/my-survey-form-project-initial/296022 "2019-07-17T09:34:35Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![sandhuje](https://avatars.discourse-cdn.com/v4/letter/s/ba9def/32.png) [@sandhuje](https://forum.freecodecamp.org/u/sandhuje)\
**Post date:** [July 17, 2019, 9:34am UTC](https://forum.freecodecamp.org/t/my-survey-form-project-initial/296022/1 "2019-07-17T09:34:36Z")

</div>

Aslaam-O-Alaikum and Hello to every one!

I am new to Web Development. i have just done my project of Survey Form. Please help me out by giving your feedback. how can I improve it more although my page has passed all tests required.

Regards,

here is link:  
[https://codepen.io/arhamdaudsandhu/pen/bPXqRo](https://codepen.io/arhamdaudsandhu/pen/bPXqRo)

---

<div class="post-metadata">

**Author:** ![xavier-machado](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/xavier-machado/32/119053_2.png) [@xavier-machado](https://forum.freecodecamp.org/u/xavier-machado)\
**Post date:** [July 17, 2019, 10:25am UTC](https://forum.freecodecamp.org/t/my-survey-form-project-initial/296022/2 "2019-07-17T10:25:06Z")

</div>

Hello!

There’s a lot you can do here

- Centering the form on the page
- Trying to style the inputs by giving some borders or whatever you like
- Trying to display the radio buttons and checkboxes in a column direction instead of row
- Giving the button some life by styling it
- On the dropdown you could try to make a first option that is not possible to choose that says “Choose an option” and display it as default.

Good luck!

---

<div class="post-metadata">

**Author:** ![sandhuje](https://avatars.discourse-cdn.com/v4/letter/s/ba9def/32.png) [@sandhuje](https://forum.freecodecamp.org/u/sandhuje)\
**Post date:** [July 17, 2019, 2:28pm UTC](https://forum.freecodecamp.org/t/my-survey-form-project-initial/296022/3 "2019-07-17T14:28:05Z")

</div>

Thank You Buddy. I appreciate your suggestions and will consider these.

Regards,

---

<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 17, 2019, 3:10pm UTC](https://forum.freecodecamp.org/t/my-survey-form-project-initial/296022/4 "2019-07-17T15:10:00Z")

</div>

Hi @sandhuje,  
In addition to the feedback from @xavier-machado,

- don’t use `<br>` and `&nbsp` to style your form. Those were things that were used before there was such a thing as CSS. Use margin and/or padding to do your styling.
- 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.
- change the cursor to a pointer when hovering over the Submit button
- I think you meant ‘Laravel’

---

<div class="post-metadata">

**Author:** ![sandhuje](https://avatars.discourse-cdn.com/v4/letter/s/ba9def/32.png) [@sandhuje](https://forum.freecodecamp.org/u/sandhuje)\
**Post date:** [July 17, 2019, 3:25pm UTC](https://forum.freecodecamp.org/t/my-survey-form-project-initial/296022/5 "2019-07-17T15:25:13Z")

</div>

Thanks Roma for your time and suggestions.

---

<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/my-survey-form-project-initial/296022/6 "2021-02-06T13:31:51Z")

</div>

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