Checkbox and label alignment

i have complete my survey form project and got it pass all tests, but I have one label near the end of my form that refuses to line up next to the checkbox it is for. All other labels and checkboxes are lined up, but this final one is just deciding to taunt me. Can anybody help? Here is my project: https://codepen.io/CodePenArron/pen/KKmqPOv?editors=1100

Edit: A friend just told me it looks fine on their phone. But on both my phone and pc it looks like this.

I would suggest you remove the padding and use flexbox instead.

label {
  /* padding-right: 750px; */
  display: flex;
  align-items: center;
}

Hey thanks the response, but I was trying to complete this project without the help of grid or flexbox. I sorted the problem by adding display: block; to the style and removing the padding.

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.