Aligning Checkboxes

[mjozdi]

hello
I’m trying to finish my survey-form project but my checkboxes is seen like that:

I want to align them vertically. I mean every option in one line.
I googled it they suggested vertical-align:middle but it just changes the label’s position. I want every checkbox in separate lines.
my code is here:

https://jsfiddle.net/Dr277/g9mc762o/2/

[mjozdi]

I found the answer and wanted to share it
I should have wrap my checkbox div into another element. Then make its display to flex. Finally add the flex-flow as column.
I mean in CSS it should be seen like that:

.form-group-checkbox {
        display: flex;
        flex-flow: column; }