Survey form radio & checkboxes won't display in a column

Hi, I’m doing the Survey Form challenge and trying to make my checkboxes and radio buttons display in a column like in the survey form but I’m struggling to understand why they’re not displaying correctly, can someone read through my code and help me out? I’m trying to use the flexbox but I don’t think I have a full understanding of it yet

This is my codepen

Challenge: Build a Survey Form

Link to the challenge:

Since this is supposed to be done using plain html or css, just putting a br after each radio button would help. Sometimes each element is also enclosed in a separate div element to have them column wise. Coz div is a block element which starts on the next line by default, versus these inline elements.

1 Like

thanks for the reply, i just realised i didn’t close my label on the titles of the checkbox forms, just a silly mistake haha