Survey Project: How to align checkbox with label

Survey Project: How to align checkbox with label
0

Hello,
I am struggling to make the checkbox labels line up withe the checkbox themselves. The label is offset slightly below.

I have attempted to make this page using bootstrap rows to split the page in half like the demo. Is this what may be causing my problem? I am sure there was a much better way to approach this.

Here is a link to the project: https://codepen.io/jedxyz/pen/oKgWyb

Try this HTML

Add these bootstrap classes to the checkboxes

align-middle position-relative

Example:   <input class="form-check-input align-middle position-relative" type="checkbox" name="check" id="front-end" value="front-end">

And then add this CSS

input[type=checkbox]{
         top: -3px;
}

Fantastic! That worked like magic.
Thank you very much.

Welcome :slight_smile: