# Responsive Survey Form

**URL:** <https://forum.freecodecamp.org/t/responsive-survey-form/659694>\
**Category:** I Built This\
**Created:** [December 30, 2023, 11:57am UTC](https://forum.freecodecamp.org/t/responsive-survey-form/659694 "2023-12-30T11:57:41Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![dwayne.n.rodrigues](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/dwayne.n.rodrigues/32/290724_2.png) [@dwayne.n.rodrigues](https://forum.freecodecamp.org/u/dwayne.n.rodrigues)\
**Post date:** [December 30, 2023, 11:57am UTC](https://forum.freecodecamp.org/t/responsive-survey-form/659694/1 "2023-12-30T11:57:41Z")

</div>

Thank you in advance for the feedback.

> **[Responsive Survey Form](https://codepen.io/drodrigues/full/Rwdwrdm)**
>
> ...

---

<div class="post-metadata">

**Author:** ![estebankra](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/estebankra/32/137875_2.png) [@estebankra](https://forum.freecodecamp.org/u/estebankra)\
**Post date:** [January 10, 2024, 11:59pm UTC](https://forum.freecodecamp.org/t/responsive-survey-form/659694/2 "2024-01-10T23:59:09Z")

</div>

Hi, your page looks amazing!

**Here are my few suggestions:**

- The `id` attribute should be unique within the HTML document and some of your defined IDs are duplicated  
Ex: ‘emp-dropdown’, ‘favorite-dropdown’

- The submit button in the form is currently inside the last label element. It’s a better practice to place it outside the label element like.

- In your CSS you are importing the Poppins font, it’s a good idea to add a  
fallback font in case the imported font fails to load. This ensures that if in this case the Google Fonts API is unavailable, there’s a backup font for rendering.  
Ex:` font-family: 'Poppins', sans-serif;`

- And maybe you can add a padding at the top and bottom of your form to separate it from the borders of the browser.

---

<div class="post-metadata">

**Author:** ![system](https://global.discourse-cdn.com/freecodecamp/original/3X/e/1/e1c433102e34b46dfaa3e15d13ab9a514b127078.svg) [@system](https://forum.freecodecamp.org/u/system)\
**Post date:** [July 11, 2024, 11:59am UTC](https://forum.freecodecamp.org/t/responsive-survey-form/659694/3 "2024-07-11T11:59:53Z")

</div>

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.