# Build a survey form test question

**URL:** <https://forum.freecodecamp.org/t/build-a-survey-form-test-question/487196>\
**Category:** Curriculum Help\
**Tags:** css, html\
**Created:** [November 30, 2021, 9:10pm UTC](https://forum.freecodecamp.org/t/build-a-survey-form-test-question/487196 "2021-11-30T21:10:45Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![sirajms5](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/sirajms5/32/240336_2.png) [@sirajms5](https://forum.freecodecamp.org/u/sirajms5)\
**Post date:** [November 30, 2021, 9:10pm UTC](https://forum.freecodecamp.org/t/build-a-survey-form-test-question/487196/1 "2021-11-30T21:10:45Z")

</div>

I just passed the build a survey form test. However I have few questions regarding the layout.

Here is the freecodecamp sample: [https://codepen.io/freeCodeCamp/full/VPaoNP](https://codepen.io/freeCodeCamp/full/VPaoNP) I was wondering how can I make the survey form reach the end bottom of the background just like how its shown in the FCC sample in the link above. I tried but there is always a small space left between the background and the bottom end of the survey.

Here is the code that I worked on for reference: [https://codepen.io/sirajms5/pen/NWaWVrg](https://codepen.io/sirajms5/pen/NWaWVrg)

Thank you

---

<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:** [November 30, 2021, 10:43pm UTC](https://forum.freecodecamp.org/t/build-a-survey-form-test-question/487196/2 "2021-11-30T22:43:17Z")

</div>

@sirajms5, let me first say that the sample projects show just one way to complete the project. The instructions say to make yours “functionally similar” and “give it your own personal style”.  
Personally I like that your form ends without being at the bottom of the page. It looks more complete to me.

Before we can address your issue you have quite a few syntax errors in your code that you need to take care of first.  
Run your HTML code through the [W3C validator](https://validator.w3.org/#validate_by_input).

- There are HTML syntax/coding errors you should be aware of and address.  
Since copy/paste from codepen you can ignore the first warning and first two errors.

And I know you’re not asking for feedback but because I see them in our code I’ll mention, do not use the `<br>` element to force line breaks or spacing. That’s what CSS is for.

- Reference [MDN Docs](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/br#accessibility_concerns)

Clean up your code and then come back if you still want to address what you’re seeing.  
If you decide you like it the way it is, it’s a good idea to ask for feedback on your completed project in the #project-feedback subforum.

---

<div class="post-metadata">

**Author:** ![sirajms5](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/sirajms5/32/240336_2.png) [@sirajms5](https://forum.freecodecamp.org/u/sirajms5)\
**Post date:** [December 1, 2021, 2:58am UTC](https://forum.freecodecamp.org/t/build-a-survey-form-test-question/487196/3 "2021-12-01T02:58:23Z")

</div>

@Roma thank you for your fast reply.

[The W3C validator](https://validator.w3.org/#validate_by_input) is really a good tool that I didn’t know about, I appreciate that you shared it with me.

I fixed all the errors in my code except one “element head is missing”. I tried to fix it, but it still shows up as an error. Can you check it out, please?

I removed all the “br” element from my html code.

Thank you for your feedback much appreciated.

---

<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 1, 2021, 4:30am UTC](https://forum.freecodecamp.org/t/build-a-survey-form-test-question/487196/4 "2021-12-01T04:30:47Z")

</div>

> [@sirajms5](#):
>
> I fixed all the errors in my code except one “element head is missing”. I tried to fix it, but it still shows up as an error. Can you check it out, please?

Codepen provides the boilerplate for you. It only expects the code you’d put within the `body` element in the HTML editor. (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.  
Review this for an understanding of the [HTML boilerplate tags](https://medium.com/better-programming/understanding-the-tags-in-html-boilerplate-38d1ae2805f7).

The W3C validator is a good tool to keep and use.

---

<div class="post-metadata">

**Author:** ![system](https://global.discourse-cdn.com/freecodecamp/original/3X/e/1/e1c433102e34b46dfaa3e15d13ab9a514b127078.svg) [@system](https://forum.freecodecamp.org/u/system)\
**Post date:** [June 1, 2022, 4:31pm UTC](https://forum.freecodecamp.org/t/build-a-survey-form-test-question/487196/5 "2022-06-01T16:31:34Z")

</div>

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.
