Survey page problem

I have a problem with my checkboxes and radiobuttons. They are not in the same height as text but they are up. I tried to fix it but didint find the solution.

Challenge: Build a Survey Form

Link to the challenge:

The biggest problem I see is that you are giving .form-control input a width of 100%. This means the radio and checkbox inputs take up the full block width.

A quick fix to this would be specifying the type for your width: 100% declaration to the types shown below.

.form-control input[type="text"],
.form-control input[type="number"],
.form-control input[type="email"],
.form-control select,
.form-control textarea{

From there you can wrap each of the radio and checkbox label/input groups in <p> tags so that they become block level elements. Example shown below.

<p>
  <label for="recommend-1"><input type="radio" id="recommend-1" value="definitely" name="recommend"/>Definitely</label>
</p>

Let me know if any of that doesn’t make sense :slight_smile:

Hi @jetp4cker !

Welcome to the forum!

Thanks for your response.

This post was made over a year ago they haven’t been active on the forum since then.

Please participate in more recent posts.

Thanks!