# https://codepen.io/harshapunjabi/pen/GRogwRB

**URL:** <https://forum.freecodecamp.org/t/https-codepen-io-harshapunjabi-pen-grogwrb/399592>\
**Category:** I Built This\
**Created:** [June 6, 2020, 4:13am UTC](https://forum.freecodecamp.org/t/https-codepen-io-harshapunjabi-pen-grogwrb/399592 "2020-06-06T04:13:56Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![harshapunjabi](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/harshapunjabi/32/139494_2.png) [@harshapunjabi](https://forum.freecodecamp.org/u/harshapunjabi)\
**Post date:** [June 6, 2020, 4:13am UTC](https://forum.freecodecamp.org/t/https-codepen-io-harshapunjabi-pen-grogwrb/399592/1 "2020-06-06T04:13:56Z")

</div>

Hello,  
Survey Form project i.e the second project tried and completed.Review it and Share your suggestions for improving it.

here it is: [https://codepen.io/harshapunjabi/pen/GRogwRB](https://codepen.io/harshapunjabi/pen/GRogwRB)

---

<div class="post-metadata">

**Author:** ![Naomi](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/naomi/32/422181_2.png) [@Naomi](https://forum.freecodecamp.org/u/Naomi)\
**Post date:** [June 6, 2020, 4:36am UTC](https://forum.freecodecamp.org/t/https-codepen-io-harshapunjabi-pen-grogwrb/399592/2 "2020-06-06T04:36:06Z")

</div>

Hello~!

We would love to provide feedback on your project, but in order to do so we need a link to your page. Would you mind editing your post to include that?

---

<div class="post-metadata">

**Author:** ![harshapunjabi](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/harshapunjabi/32/139494_2.png) [@harshapunjabi](https://forum.freecodecamp.org/u/harshapunjabi)\
**Post date:** [June 6, 2020, 12:16pm UTC](https://forum.freecodecamp.org/t/https-codepen-io-harshapunjabi-pen-grogwrb/399592/3 "2020-06-06T12:16:44Z")

</div>

Yeah. I did that, I didn’t realize it earlier. 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:** [June 9, 2020, 10:02pm UTC](https://forum.freecodecamp.org/t/https-codepen-io-harshapunjabi-pen-grogwrb/399592/4 "2020-06-09T22:02:54Z")

</div>

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

- Codepen provides the boilerplate for you. It only expects the code you’d put within the `body` element in HTML. (No need to include the body tags). For anything you want to add to the `<head>` element click on the ‘Settings’ button, then HTML and add it into the ‘Stuff for \<head\>’ box.
- When you take care of the above, 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 are HTML coding errors you should address.

- Don’t use `<br>` to force line breaks or spaces. That’s what CSS is for.
- User’s should be able to click the label to select, not just the radio button / checkbox  
-Change the cursor to a pointer when hovering over the submit button

> **[: 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:16pm UTC](https://forum.freecodecamp.org/t/https-codepen-io-harshapunjabi-pen-grogwrb/399592/5 "2021-06-01T13:16:09Z")

</div>

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