My First Survey Page

Code Feedback
1

Hi guys this is my first Survey Form and I want to see it and to tell me your opinion.Is this right or not?

https://codepen.io/klaudia97/full/qKLRGg/

Thank you.

2

A good survey page. You just need some little changes to make the page responsive like:

#form-outer {
  background-color: rgb(250, 250, 250);
  margin: 0 auto;
  border-radius: 4px;
  width: 95%; /* to be changed in media query */
  max-width: 900px;
  padding: 10px;
  padding-top: 20px;
}
.labels {
  display: inline-block;
  text-align: left; /*to be changed in media query */
  width: 40%;
  padding: 5px;
  vertical-align: top;
  margin-top: 10px;
}

and then add the media query like:

@media (min-width: 576px) {
  #form-outer {
    width: 75%;
  }
  .labels {
    text-align: right;
  }
}

The code above will make your page mobile first design.