# Survey Form

**URL:** <https://group.classcentral.com/t/survey-form/22164>\
**Category:** Web Development Bootcamp\
**Created:** [January 15, 2022, 3:06am UTC](https://group.classcentral.com/t/survey-form/22164 "2022-01-15T03:06:02Z")\
**Posts on this page:** 7\
**Page:** 3

<div class="post-metadata">

**Author:** ![chingtangwang2688212](https://avatars.discourse-cdn.com/v4/letter/c/edb3f5/32.png) [@chingtangwang2688212](https://group.classcentral.com/u/chingtangwang2688212)\
**Post date:** [January 21, 2022, 7:31am UTC](https://group.classcentral.com/t/survey-form/22164/44 "2022-01-21T07:31:38Z")

</div>

How can I import my image to the background of the survey form? Does anyone know ?

---

<div class="post-metadata">

**Author:** ![carlost2672543](https://sea2.discourse-cdn.com/flex016/user_avatar/group.classcentral.com/carlost2672543/32/4162_2.png) [@carlost2672543](https://group.classcentral.com/u/carlost2672543)\
**Post date:** [January 21, 2022, 10:41am UTC](https://group.classcentral.com/t/survey-form/22164/45 "2022-01-21T10:41:48Z")

</div>

Hi @chingtangwang2688212

Youll need set background-image: url(“star.gif”) in the HTML element you want to have an image background. Check that property out on W3Schools or MDN.

Happy coding!

---

<div class="post-metadata">

**Author:** ![boketsubwayam1436961](https://sea2.discourse-cdn.com/flex016/user_avatar/group.classcentral.com/boketsubwayam1436961/32/3212_2.png) [@boketsubwayam1436961](https://group.classcentral.com/u/boketsubwayam1436961)\
**Post date:** [January 25, 2022, 12:57pm UTC](https://group.classcentral.com/t/survey-form/22164/46 "2022-01-25T12:57:28Z")

</div>

I also finished a long time ago here it is, you can check mine and give me your remark [https://codepen.io/hanabi-fumetsu/live/yLoWaMG](https://codepen.io/hanabi-fumetsu/live/yLoWaMG)[Symphorien’s SurveyForm]. As for your project, I think it would be better if you changed the font size by making it a little bigger and changing the size of your input .

---

<div class="post-metadata">

**Author:** ![oddfindz](https://avatars.discourse-cdn.com/v4/letter/o/b38774/32.png) [@oddfindz](https://group.classcentral.com/u/oddfindz)\
**Post date:** [January 25, 2022, 3:14pm UTC](https://group.classcentral.com/t/survey-form/22164/47 "2022-01-25T15:14:57Z")

</div>

i completed my [survey form](https://codepen.io/quirkeey/pen/eYGXadP), let me know what you guys think of it!

---

<div class="post-metadata">

**Author:** ![seorenate1354542](https://sea2.discourse-cdn.com/flex016/user_avatar/group.classcentral.com/seorenate1354542/32/2480_2.png) [@seorenate1354542](https://group.classcentral.com/u/seorenate1354542)\
**Post date:** [January 25, 2022, 8:01pm UTC](https://group.classcentral.com/t/survey-form/22164/48 "2022-01-25T20:01:09Z")

</div>

The design looks great!  
But I think you could space out the letters of your heading a little more. The letters are so close together it makes it hard to read.

---

<div class="post-metadata">

**Author:** ![kiruthiyaashr2662714](https://avatars.discourse-cdn.com/v4/letter/k/b38774/32.png) [@kiruthiyaashr2662714](https://group.classcentral.com/u/kiruthiyaashr2662714)\
**Post date:** [January 26, 2022, 5:28pm UTC](https://group.classcentral.com/t/survey-form/22164/49 "2022-01-26T17:28:48Z")

</div>

in the label tag u should give all these ids(i.e id=“name-label”, id=“email-label”, and id=“number-label” )  
to the corresponding labels,.

---

<div class="post-metadata">

**Author:** ![pedromaria2676024](https://avatars.discourse-cdn.com/v4/letter/p/71e660/32.png) [@pedromaria2676024](https://group.classcentral.com/u/pedromaria2676024)\
**Post date:** [January 26, 2022, 9:43pm UTC](https://group.classcentral.com/t/survey-form/22164/50 "2022-01-26T21:43:35Z")

</div>

Gracias así lo hago.

[Previous page](https://group.classcentral.com/t/survey-form/22164.md?page=2)