Survey Page Feedback and suggestion

Code Feedback
1

Hi fellow campers,
I just finished my survey page i need your feedback and recommendations before i start product landing page.
Thank you for your time.

2 Likes
2

Looks good.

  1. I would use flexbox on the .rowtab class and use align-items center on it. That will make the labels and inputs line up. You will also need to set it back to the initial display in the 500px media query.
.rowtab {
  display: flex;
  align-items: center;
}

@media screen and (max-width: 500px){
  .rowtab {
    display: initial; /* You can also use block */
  }
}
  1. Remove the .rightTab class from the button parent container to center it. Maybe give it a class like .button-container and give that some margin. You also have to clear it because of the floats.
.button-container {
  margin: 40px 0 20px 0;
  clear: left;
}
  1. Give the textarea some min-height and maybe set the resize to only be vertical (so the user can only resize the area in hight).
textarea {
  padding: 10px;
  resize: vertical;
  min-height: 80px;
}
  1. Last I would give the form container a max-width and use margin auto to center it.
#form-outer {
  max-width: 1200px;
  margin: 25px auto;
}
3

Thank you so much it works well

4

Hello @Abdi1

Seems perfect, the only change I’d do is to the submit button background / text color, as it’s difficult to read submit.

Good job :slight_smile:

1 Like
5