# Second Project Completed - Digiser Survey Form

**URL:** <https://forum.freecodecamp.org/t/second-project-completed-digiser-survey-form/408466>\
**Category:** I Built This\
**Created:** [July 8, 2020, 2:35am UTC](https://forum.freecodecamp.org/t/second-project-completed-digiser-survey-form/408466 "2020-07-08T02:35:22Z")\
**Posts on this page:** 9\
**Page:** 1

<div class="post-metadata">

**Author:** ![jl88hn](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/jl88hn/32/166870_2.png) [@jl88hn](https://forum.freecodecamp.org/u/jl88hn)\
**Post date:** [July 8, 2020, 2:35am UTC](https://forum.freecodecamp.org/t/second-project-completed-digiser-survey-form/408466/1 "2020-07-08T02:35:22Z")

</div>

Hello again! I just finished my second project, the survey form. I am learning a lot and I hope you can provide me with your feedback, thanks again!

[Survey form](https://codepen.io/jl88hn/full/ZEQxOYe)

---

<div class="post-metadata">

**Author:** ![ajnasaju](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/ajnasaju/32/167601_2.png) [@ajnasaju](https://forum.freecodecamp.org/u/ajnasaju)\
**Post date:** [July 8, 2020, 2:49am UTC](https://forum.freecodecamp.org/t/second-project-completed-digiser-survey-form/408466/2 "2020-07-08T02:49:11Z")

</div>

Good work bro.I think you can change its background so that it will more clean.

---

<div class="post-metadata">

**Author:** ![LukeAyres](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/lukeayres/32/118002_2.png) [@LukeAyres](https://forum.freecodecamp.org/u/LukeAyres)\
**Post date:** [July 8, 2020, 3:33am UTC](https://forum.freecodecamp.org/t/second-project-completed-digiser-survey-form/408466/3 "2020-07-08T03:33:36Z")

</div>

Its nice and responsive but I find it quite hard to focus on the form, one thing you can do is wrap everything with a div and give it a color and opacity so that it dims the picture like what I’ve done [here](https://codepen.io/lukeDreamtSloths/pen/WNrzWXd).  
What do you think? 🙂

---

<div class="post-metadata">

**Author:** ![erickkg](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/erickkg/32/107391_2.png) [@erickkg](https://forum.freecodecamp.org/u/erickkg)\
**Post date:** [July 8, 2020, 7:13am UTC](https://forum.freecodecamp.org/t/second-project-completed-digiser-survey-form/408466/4 "2020-07-08T07:13:46Z")

</div>

Looks good, the background is a bit overpowering. Perhaps add a background color to the survey and give it an opacity value of like 0.5, that way it’s kind of see through, but focuses more on the questions.

---

<div class="post-metadata">

**Author:** ![bipubipubi](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/bipubipubi/32/153510_2.png) [@bipubipubi](https://forum.freecodecamp.org/u/bipubipubi)\
**Post date:** [July 8, 2020, 7:50am UTC](https://forum.freecodecamp.org/t/second-project-completed-digiser-survey-form/408466/5 "2020-07-08T07:50:40Z")

</div>

Apart from background that others have mentioned, I think you can beautify the input part. The font-size is a bit small, boxes are not the same size, border color doesn’t match with the whole style.

Have a nice day!

---

<div class="post-metadata">

**Author:** ![jl88hn](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/jl88hn/32/166870_2.png) [@jl88hn](https://forum.freecodecamp.org/u/jl88hn)\
**Post date:** [July 8, 2020, 4:35pm UTC](https://forum.freecodecamp.org/t/second-project-completed-digiser-survey-form/408466/6 "2020-07-08T16:35:56Z")

</div>

Thanks, I did the project fast and just trying to pass all the tests, but I will be improving it to practice more.

---

<div class="post-metadata">

**Author:** ![jl88hn](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/jl88hn/32/166870_2.png) [@jl88hn](https://forum.freecodecamp.org/u/jl88hn)\
**Post date:** [July 8, 2020, 4:42pm UTC](https://forum.freecodecamp.org/t/second-project-completed-digiser-survey-form/408466/7 "2020-07-08T16:42:55Z")

</div>

Thank you, you’re right, I applied the opacity and color properties to the main class, it looks better now. 😀

---

<div class="post-metadata">

**Author:** ![jl88hn](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/jl88hn/32/166870_2.png) [@jl88hn](https://forum.freecodecamp.org/u/jl88hn)\
**Post date:** [July 8, 2020, 4:59pm UTC](https://forum.freecodecamp.org/t/second-project-completed-digiser-survey-form/408466/8 "2020-07-08T16:59:37Z")

</div>

Thanks, I just picked a pair of fonts without thinking much about it, I will check that and the boxes and border, have a nice day too!

---

<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:15pm UTC](https://forum.freecodecamp.org/t/second-project-completed-digiser-survey-form/408466/9 "2021-06-01T13:15:31Z")

</div>


