I'm stuck on my survey form project (CSS part)

I'm stuck on my survey form project (CSS part)
0

#1

Could anyone help me check my project, please?

I’m still confused with the CSS part. Why does it seem to layout unproperly?
Thank you


#2

I am not too sure what is the best way to fix. But you have a bunch of div inside your form.
The div are block elements, and they get stacked on top of each other.

You might want to use flex box to create two column and then regroup each element in its appropriate column.

example:

<div id="flex-column" style="display:flex;justify-content:space-between">
        <div class="rowtab">
            <div class="labels">
                <label id="name-label" for="name">*Name: </label> 
            </div>
        </div>
            <div class="righttab">
                <input autofocus type="text" name="name" id="name" placeholder="Name" class="input-field" required>
            </div>
      </div>

#3

Thank you so much @EdMagal. I will apply to my project.