Checkboxes don't align and does weird things

I can’t seem to align the checkbox and it’s label. And when I mess up with the part of checkbox and labels, it messes up the entire thing below it and fails the test

You’ve got display: flex set on the <form> and the <input> and <labels> are all direct children of the form so their layout is affected by flex. You’ll want to wrap all the checkbox labels/inputs in a div so that the div is positioned with the flex but the labels/inputs aren’t.

Thank you! It worked. https://codepen.io/skycowie/pen/eYWoWpy

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