# My second project (Survey Page)

**URL:** <https://forum.freecodecamp.org/t/my-second-project-survey-page/310038>\
**Category:** I Built This\
**Created:** [August 28, 2019, 9:22pm UTC](https://forum.freecodecamp.org/t/my-second-project-survey-page/310038 "2019-08-28T21:22:50Z")\
**Posts on this page:** 11\
**Page:** 1

<div class="post-metadata">

**Author:** ![aidenhoward420](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/aidenhoward420/32/123153_2.png) [@aidenhoward420](https://forum.freecodecamp.org/u/aidenhoward420)\
**Post date:** [August 28, 2019, 9:22pm UTC](https://forum.freecodecamp.org/t/my-second-project-survey-page/310038/1 "2019-08-28T21:22:50Z")

</div>

Here is my survey page, i spent nearly 4 hours on it.

[https://codepen.io/epicaiden28/full/LYPLVMy](https://codepen.io/epicaiden28/full/LYPLVMy)

please provide feedback if you may!

---

<div class="post-metadata">

**Author:** ![timagixe](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/timagixe/32/140131_2.png) [@timagixe](https://forum.freecodecamp.org/u/timagixe)\
**Post date:** [August 28, 2019, 9:30pm UTC](https://forum.freecodecamp.org/t/my-second-project-survey-page/310038/2 "2019-08-28T21:30:08Z")

</div>

Hi,

Open the browser’s developer tools and turn on the mobile view.

I guess the next step is to make your page to be responsive. So it will look nice on all the screens. 🙂

---

<div class="post-metadata">

**Author:** ![aidenhoward420](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/aidenhoward420/32/123153_2.png) [@aidenhoward420](https://forum.freecodecamp.org/u/aidenhoward420)\
**Post date:** [August 28, 2019, 9:50pm UTC](https://forum.freecodecamp.org/t/my-second-project-survey-page/310038/3 "2019-08-28T21:50:41Z")

</div>

Hi there, im kinda confused on how to make it responsive, any advice?

---

<div class="post-metadata">

**Author:** ![timagixe](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/timagixe/32/140131_2.png) [@timagixe](https://forum.freecodecamp.org/u/timagixe)\
**Post date:** [August 28, 2019, 9:54pm UTC](https://forum.freecodecamp.org/t/my-second-project-survey-page/310038/4 "2019-08-28T21:54:23Z")

</div>

In order to understand the core principles I suggest you to pass these three topics from the curriculum:

 ![41%20AM](https://global.discourse-cdn.com/freecodecamp/original/3X/4/a/4aaa9831d7522d9072fb5b94968f12a0634d991e.png)

---

<div class="post-metadata">

**Author:** ![aidenhoward420](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/aidenhoward420/32/123153_2.png) [@aidenhoward420](https://forum.freecodecamp.org/u/aidenhoward420)\
**Post date:** [August 28, 2019, 9:55pm UTC](https://forum.freecodecamp.org/t/my-second-project-survey-page/310038/5 "2019-08-28T21:55:12Z")

</div>

Mk ill take a look at them again, thanks!

---

<div class="post-metadata">

**Author:** ![timagixe](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/timagixe/32/140131_2.png) [@timagixe](https://forum.freecodecamp.org/u/timagixe)\
**Post date:** [August 28, 2019, 9:57pm UTC](https://forum.freecodecamp.org/t/my-second-project-survey-page/310038/6 "2019-08-28T21:57:23Z")

</div>

Without a responsiveness, your project on a mobile looks like on the screenshot below:

 ![11%20AM](https://global.discourse-cdn.com/freecodecamp/original/3X/0/3/03b549e319feceb3333828259318817ca988691c.jpeg)

---

<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:** [August 28, 2019, 10:14pm UTC](https://forum.freecodecamp.org/t/my-second-project-survey-page/310038/7 "2019-08-28T22:14:38Z")

</div>

Hey, Nice job, but your borders don’t match and are a bit too thick.  
I see you like to use gradients. maybe do it from top to bottom instead of moving from left to right.  
I like the background you picked.  
The textArea comment section is too small and the text is aligned backwards. Please change the alignment to something like `center` or `corner`.

At all else, great job.

Keep up the good work!!

---

<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 29, 2019, 1:34pm UTC](https://forum.freecodecamp.org/t/my-second-project-survey-page/310038/8 "2019-08-29T13:34:14Z")

</div>

Hi @aidenhoward420, your page has a good start. There are a few things you may want to revisit;

- Keep the test script when forking the pen (`<script src="https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js"></script>`). Your page passes 7/17 user stories.
- 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.
- Use external CSS for styling instead of using inline/internal CSS

---

<div class="post-metadata">

**Author:** ![aidenhoward420](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/aidenhoward420/32/123153_2.png) [@aidenhoward420](https://forum.freecodecamp.org/u/aidenhoward420)\
**Post date:** [August 29, 2019, 3:56pm UTC](https://forum.freecodecamp.org/t/my-second-project-survey-page/310038/9 "2019-08-29T15:56:57Z")

</div>

Alright there we go, user stories 17/17, any other feedback?

[https://codepen.io/epicaiden28/full/KKPqBXp](https://codepen.io/epicaiden28/full/KKPqBXp)

---

<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 29, 2019, 5:06pm UTC](https://forum.freecodecamp.org/t/my-second-project-survey-page/310038/10 "2019-08-29T17:06:38Z")

</div>

@aidenhoward420, good job on meeting all the user stories. A few things you may want to revisit;

- `id`'s can be used only once. You’ve used a couple of `id`'s more than once. (HTML validator will show you this.)
- There are better ways to group your radio buttons instead of an unordered list.
- Regarding your checkboxes, you require users to check both of them.
  - Not quite sure why there’s a min and max range on your checkboxes.

- Allow users to use the labels of the checkboxes to check them.
- there’s a stray closing `<head>` tag. This isn’t an element that would be in `<body> </body>` tags.
- change the cursor to a pointer when hovering over the submit button

---

<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:** [February 6, 2021, 1:30pm UTC](https://forum.freecodecamp.org/t/my-second-project-survey-page/310038/11 "2021-02-06T13:30:34Z")

</div>