# Survey Form Project FCC

**URL:** <https://forum.freecodecamp.org/t/survey-form-project-fcc/333876>\
**Category:** I Built This\
**Created:** [December 17, 2019, 6:23am UTC](https://forum.freecodecamp.org/t/survey-form-project-fcc/333876 "2019-12-17T06:23:54Z")\
**Posts on this page:** 8\
**Page:** 1

<div class="post-metadata">

**Author:** ![Flormcalvo](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/flormcalvo/32/129560_2.png) [@Flormcalvo](https://forum.freecodecamp.org/u/Flormcalvo)\
**Post date:** [December 17, 2019, 6:23am UTC](https://forum.freecodecamp.org/t/survey-form-project-fcc/333876/1 "2019-12-17T06:23:54Z")

</div>

Good day everyone! Here I am again, two days in a row, who would believe that?  
I just finished my survey project and I’d be more than happy to discuss what can be done better.

> **[My Survey Form](https://codepen.io/FlorCalvo/full/qBEbZbJ)**
>
> ...

Thanks so much if you took the time to see it 🙂

---

<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:** [December 17, 2019, 5:05pm UTC](https://forum.freecodecamp.org/t/survey-form-project-fcc/333876/2 "2019-12-17T17:05:12Z")

</div>

Hi @Flormcalvo, your form looks good. Just some things you may want to revisit;

- On using codepen. codepen 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(s) would go in the box labeled ‘Stuff for \<head\>’

- codepen provides validators for HTML, CSS and JS. Click on the down arrow in the upper right of each section and then click on the respective ‘Analyze’ link.
  - There are a couple of things in the HTML section you can clean up. Ignore the `col` and `row` attributes being required. codepen is using an older validator and that is no longer true.

- try and not use the `<br>` tag to force spacing. There are ways to group your buttons and checkboxes without using it.
- change the cursor to a pointer when hovering over the Submit button

---

<div class="post-metadata">

**Author:** ![ConnerOw1115](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/connerow1115/32/326955_2.png) [@ConnerOw1115](https://forum.freecodecamp.org/u/ConnerOw1115)\
**Post date:** [December 17, 2019, 5:30pm UTC](https://forum.freecodecamp.org/t/survey-form-project-fcc/333876/3 "2019-12-17T17:30:56Z")

</div>

I really like the gradient in the background. You chose the correct colors.

I would suggest you add some margin to the top three inputs. They seem a little too close to each other.

If you are making a survey form for freecodecamp, I’d suggest you make the style of your page match it a little better; Such as:

- picking the font that freecodecamp’s main site uses
- coloring the background the same as freecodecamp’s main site.
- and more if you want.

For a second project, this is really nice. Great job,

Keep up the great work and keep on coding.  
🙂

---

<div class="post-metadata">

**Author:** ![Flormcalvo](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/flormcalvo/32/129560_2.png) [@Flormcalvo](https://forum.freecodecamp.org/u/Flormcalvo)\
**Post date:** [December 17, 2019, 9:44pm UTC](https://forum.freecodecamp.org/t/survey-form-project-fcc/333876/4 "2019-12-17T21:44:01Z")

</div>

@Roma, thanks so much for the reply.  
1 & 2- Got it, I didnt know that. Those are some good tools I never used before!  
3- Ok, good to know. I did it with a flex container now, what do you think?  
4- Done!

---

<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:** [December 18, 2019, 1:34am UTC](https://forum.freecodecamp.org/t/survey-form-project-fcc/333876/5 "2019-12-18T01:34:08Z")

</div>

@Flormcalvo, very nice job! Glad to be of some help.  
Happy coding!

---

<div class="post-metadata">

**Author:** ![Ihenx](https://avatars.discourse-cdn.com/v4/letter/i/a183cd/32.png) [@Ihenx](https://forum.freecodecamp.org/u/Ihenx)\
**Post date:** [April 24, 2020, 5:14pm UTC](https://forum.freecodecamp.org/t/survey-form-project-fcc/333876/6 "2020-04-24T17:14:38Z")

</div>

Sorry how can I link my project from codepen to this forum

---

<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 24, 2020, 8:17pm UTC](https://forum.freecodecamp.org/t/survey-form-project-fcc/333876/7 "2020-04-24T20:17:18Z")

</div>

@Ihenx, copy the URL from codepen. Click on the ‘New Topic’ button, give it a title that means something and paste in your link

---

<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:** [January 17, 2021, 7:46pm UTC](https://forum.freecodecamp.org/t/survey-form-project-fcc/333876/8 "2021-01-17T19:46:15Z")

</div>

Closed on January 17, 2021, 7:46pm UTC