# Hows my survey form look?

**URL:** <https://forum.freecodecamp.org/t/hows-my-survey-form-look/366754>\
**Category:** I Built This\
**Created:** [April 1, 2020, 8:15pm UTC](https://forum.freecodecamp.org/t/hows-my-survey-form-look/366754 "2020-04-01T20:15:20Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![cshields024](https://avatars.discourse-cdn.com/v4/letter/c/9de0a6/32.png) [@cshields024](https://forum.freecodecamp.org/u/cshields024)\
**Post date:** [April 1, 2020, 8:15pm UTC](https://forum.freecodecamp.org/t/hows-my-survey-form-look/366754/1 "2020-04-01T20:15:20Z")

</div>

Hi everyone, I just completed my survey form and would love some feedback. I’m really new to this so any feedback at all would be much appreciated. Thanks!  
[https://codepen.io/cshields024/pen/jOPREqe](https://codepen.io/cshields024/pen/jOPREqe)

---

<div class="post-metadata">

**Author:** ![bbsmooth](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/bbsmooth/32/203556_2.png) [@bbsmooth](https://forum.freecodecamp.org/u/bbsmooth)\
**Post date:** [April 1, 2020, 8:21pm UTC](https://forum.freecodecamp.org/t/hows-my-survey-form-look/366754/2 "2020-04-01T20:21:44Z")

</div>

The first rule of web design: You want people to be able to see your content 🙂

OK, maybe it’s not the first rule, but you definitely need to make the text color darker or change the background because it is very hard to read.

---

<div class="post-metadata">

**Author:** ![cshields024](https://avatars.discourse-cdn.com/v4/letter/c/9de0a6/32.png) [@cshields024](https://forum.freecodecamp.org/u/cshields024)\
**Post date:** [April 1, 2020, 9:29pm UTC](https://forum.freecodecamp.org/t/hows-my-survey-form-look/366754/3 "2020-04-01T21:29:56Z")

</div>

Thanks for the feedback! I was worried it might have been a little difficult to read. I changed the colors around and made the text bold. [https://codepen.io/cshields024/full/jOPREqe](https://codepen.io/cshields024/full/jOPREqe) hopefully that made it a little better let me know what you think.  
Thanks!

---

<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:** [April 2, 2020, 1:27pm UTC](https://forum.freecodecamp.org/t/hows-my-survey-form-look/366754/4 "2020-04-02T13:27:50Z")

</div>

Hi @cshields024, your form looks good. Some things to revisit;

- When using codepen it 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 `<head>` click on the ‘Settings’ button, then HTML and add it into the ‘Stuff for \<head\>’ box.
  - The link to your font would go in the box labeled ‘Stuff for \<head\>’

- Run your HTML code through the [W3C validator](https://validator.w3.org/#validate_by_input). Just copy your HTML and paste it into the ‘Validate by Direct Input’ tab.
  - Since copy/paste from codepen you can ignore the first warning and first two errors.
  - There are quite a few error you should clean up

- Change the cursor to a pointer when hovering over the submit button

As an aside, if you’ve filled out a form you’ll notice that the radio buttons and checkboxes are to the left of the label. It’s the left to right thing that we’re used to seeing.

---

<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:39pm UTC](https://forum.freecodecamp.org/t/hows-my-survey-form-look/366754/5 "2021-06-01T13:39:29Z")

</div>

Closed on June 1, 2021, 1:39pm UTC