# All Feedbacks are welcome for Responsive survey Form

**URL:** <https://forum.freecodecamp.org/t/all-feedbacks-are-welcome-for-responsive-survey-form/264389>\
**Category:** I Built This\
**Created:** [March 12, 2019, 12:37pm UTC](https://forum.freecodecamp.org/t/all-feedbacks-are-welcome-for-responsive-survey-form/264389 "2019-03-12T12:37:51Z")\
**Posts on this page:** 12\
**Page:** 1

<div class="post-metadata">

**Author:** ![The\_Manoj](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/the_manoj/32/79702_2.png) [@The\_Manoj](https://forum.freecodecamp.org/u/The_Manoj)\
**Post date:** [March 12, 2019, 12:37pm UTC](https://forum.freecodecamp.org/t/all-feedbacks-are-welcome-for-responsive-survey-form/264389/1 "2019-03-12T12:37:51Z")

</div>

Hello peeps!  
I have created a survey form for codecamp project… Feedback Are appreciated if it is based on issues too.😉

here’s the pen link for [survey form](https://codepen.io/The-Manoj/full/bZoNVE)

Thanks!✌

---

<div class="post-metadata">

**Author:** ![shimphillip](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/shimphillip/32/158663_2.png) [@shimphillip](https://forum.freecodecamp.org/u/shimphillip)\
**Post date:** [March 12, 2019, 2:35pm UTC](https://forum.freecodecamp.org/t/all-feedbacks-are-welcome-for-responsive-survey-form/264389/2 "2019-03-12T14:35:42Z")

</div>

Nice design there! I would

try to match check/radio boxes with labels so that clicking on labels will also check matching input boxes.  
[https://www.w3schools.com/tags/tag\_label.asp](https://www.w3schools.com/tags/tag_label.asp)

Change cursor of mouse when it hovers on submit button.

Good luck 👍

---

<div class="post-metadata">

**Author:** ![The\_Manoj](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/the_manoj/32/79702_2.png) [@The\_Manoj](https://forum.freecodecamp.org/u/The_Manoj)\
**Post date:** [March 13, 2019, 8:24am UTC](https://forum.freecodecamp.org/t/all-feedbacks-are-welcome-for-responsive-survey-form/264389/3 "2019-03-13T08:24:51Z")

</div>

Thanks for the feedback bro @shimphillip 😉

i’ve done the cursor thing… but i can’t able to match radio boxes.

thanks,✌

---

<div class="post-metadata">

**Author:** ![shimphillip](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/shimphillip/32/158663_2.png) [@shimphillip](https://forum.freecodecamp.org/u/shimphillip)\
**Post date:** [March 13, 2019, 2:39pm UTC](https://forum.freecodecamp.org/t/all-feedbacks-are-welcome-for-responsive-survey-form/264389/4 "2019-03-13T14:39:48Z")

</div>

I will spill you some hints.

Try giving `for` attributes to your labels and give `ids` to your check/radio boxes. It will match them up now.

If you have multiple categories of radio/check boxes, giving `name` to your input boxes is also wise.

---

<div class="post-metadata">

**Author:** ![The\_Manoj](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/the_manoj/32/79702_2.png) [@The\_Manoj](https://forum.freecodecamp.org/u/The_Manoj)\
**Post date:** [March 27, 2019, 7:39pm UTC](https://forum.freecodecamp.org/t/all-feedbacks-are-welcome-for-responsive-survey-form/264389/5 "2019-03-27T19:39:50Z")

</div>

Thanks for the hint!!  
I’ll do it.

---

<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:** [March 27, 2019, 8:36pm UTC](https://forum.freecodecamp.org/t/all-feedbacks-are-welcome-for-responsive-survey-form/264389/6 "2019-03-27T20:36:56Z")

</div>

In the HTML and CSS sections of codepen there’s an arrow to click on to ‘Analyze HTML’ and ‘Analyze CSS’. You have a couple of minor errors that show in each that you should look at. For instance, in CSS if you fix the two errors your footer will display differently.

Overall, good job!

---

<div class="post-metadata">

**Author:** ![The\_Manoj](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/the_manoj/32/79702_2.png) [@The\_Manoj](https://forum.freecodecamp.org/u/The_Manoj)\
**Post date:** [March 27, 2019, 9:49pm UTC](https://forum.freecodecamp.org/t/all-feedbacks-are-welcome-for-responsive-survey-form/264389/7 "2019-03-27T21:49:05Z")

</div>

hey brother @Roma thanks for telling that!! totally forgot that semicolon!! 🤣🤣

---

<div class="post-metadata">

**Author:** ![brandon\_wallace](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/brandon_wallace/32/198757_2.png) [@brandon\_wallace](https://forum.freecodecamp.org/u/brandon_wallace)\
**Post date:** [March 27, 2019, 10:36pm UTC](https://forum.freecodecamp.org/t/all-feedbacks-are-welcome-for-responsive-survey-form/264389/8 "2019-03-27T22:36:30Z")

</div>

Beautiful!  
Great font selections!  
I would say that you might not need the label text since you have the placeholder text, but I like the contrast of the dark font with the linear-gradient. I made this sample form for a fake social network awhile ago without labels for each field.  
[https://ndnrb.netlify.com/](https://ndnrb.netlify.com/)  
The suggestion I would give you is to think about the width of each field and the button. Would they look better if they all had the same width?

---

<div class="post-metadata">

**Author:** ![The\_Manoj](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/the_manoj/32/79702_2.png) [@The\_Manoj](https://forum.freecodecamp.org/u/The_Manoj)\
**Post date:** [March 28, 2019, 12:53pm UTC](https://forum.freecodecamp.org/t/all-feedbacks-are-welcome-for-responsive-survey-form/264389/9 "2019-03-28T12:53:17Z")

</div>

yep sure thanks for the suggestion! @brandon_wallace👍

---

<div class="post-metadata">

**Author:** ![james922](https://avatars.discourse-cdn.com/v4/letter/j/ac91a4/32.png) [@james922](https://forum.freecodecamp.org/u/james922)\
**Post date:** [March 28, 2019, 9:50pm UTC](https://forum.freecodecamp.org/t/all-feedbacks-are-welcome-for-responsive-survey-form/264389/10 "2019-03-28T21:50:22Z")

</div>

It looks very clean and accessible!

---

<div class="post-metadata">

**Author:** ![The\_Manoj](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/the_manoj/32/79702_2.png) [@The\_Manoj](https://forum.freecodecamp.org/u/The_Manoj)\
**Post date:** [December 22, 2019, 1:17pm UTC](https://forum.freecodecamp.org/t/all-feedbacks-are-welcome-for-responsive-survey-form/264389/11 "2019-12-22T13:17:19Z")

</div>

thank you very much @james922

---

<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:** [January 17, 2021, 7:46pm UTC](https://forum.freecodecamp.org/t/all-feedbacks-are-welcome-for-responsive-survey-form/264389/12 "2021-01-17T19:46:44Z")

</div>


