Survey Form - Review

Code Feedback
1

Hi All ,

Finally completed the Survey Form Project .
Link to the project:https://codepen.io/Debomita/full/PooKpEJ
Comments and feedback will be highly appreciated.

Thanks
Debo

2

It is looking nice in general. It will be more presentable if you set your form in center and give the opacity to your background color. If so, we can see the whole background image.

3

To make the centering work you will have to add transform: translateX(-50%); to .form-view as well.

  1. Use a larger version of the background image to avoid pixelation.

  2. Add a nice font and increase the size.

  3. Play around with some different colors.

  4. Give the inputs some padding.

  5. Add labels for the radio and checkbox inputs.

  6. Use resize: vertical; on the textarea element so the user can only increase the height of the box and not the width.

  7. Use cursor: pointer; on the submit button.

4

Thanks for the review.

5

Thanks for the review and comments.

6

I would make the css for the body like :

body{
  background: url(https://i.postimg.cc/YC3Bht8k/107157486-students8.jpg) fixed no-repeat center center;
  background-size: cover;
}

so you can get rid of:

  max-width: 100%;
  height: 1000px;
7

Thanks , shall incorporate it.