# Survey form - Project \[ Covid-Lifestyle \]

**URL:** <https://forum.freecodecamp.org/t/survey-form-project-covid-lifestyle/417175>\
**Category:** I Built This\
**Created:** [August 25, 2020, 12:56pm UTC](https://forum.freecodecamp.org/t/survey-form-project-covid-lifestyle/417175 "2020-08-25T12:56:49Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![RaisinBud](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/raisinbud/32/139934_2.png) [@RaisinBud](https://forum.freecodecamp.org/u/RaisinBud)\
**Post date:** [August 25, 2020, 12:56pm UTC](https://forum.freecodecamp.org/t/survey-form-project-covid-lifestyle/417175/1 "2020-08-25T12:56:49Z")

</div>

> **[Survey Form](https://codepen.io/LazypeehS/pen/XWdMNqV)**
>
> ...

Give it a go. 😃

---

<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:** [August 25, 2020, 3:46pm UTC](https://forum.freecodecamp.org/t/survey-form-project-covid-lifestyle/417175/2 "2020-08-25T15:46:53Z")

</div>

Your form looks good @RaisinBud. Some things to revisit;

- Run your HTML code through the [W3C validator](https://validator.w3.org/#validate_by_input).
  - Since copy/paste from codepen you can ignore the first warning and first two errors.
  - There is an HTML coding error you should be aware of and address.

- Don’t use `<br>` to force line breaks or spacing. That’s what CSS is for.
- Your form needs to be responsive. On smaller screens the form container is too large. You set it using pixels. To make it responsive it’s better to use a percentage when setting widths.

> **[: The Line Break element](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/br)**
>
> The HTML br element produces a line break in text (carriage-return). It is useful for writing a poem or an address, where the division of lines is significant.

---

<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:** [June 1, 2021, 1:12pm UTC](https://forum.freecodecamp.org/t/survey-form-project-covid-lifestyle/417175/3 "2021-06-01T13:12:26Z")

</div>