Aligning a flex item that has been wrapped

One of my checkbox inputs has two lines of text at small screen sizes. All others have one. They all belong to a flex container and are aligned to flex start. How do I bring the checkbox with two lines of text in line with the other checkboxes.

I’m not finished with this project so there’s no need to point out other faults you see with the code. It all takes time. My main question is about aligning these checkboxes adequately at small screen sizes.

Thanks so much for your help everyone! :smiley:

Get rid of text-align:center on everything. I think this is probably a bad idea to do and you should have all text left aligned by default and then you can center align anything that needs it individually.

1 Like