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:
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
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!