Doesn’t look like anyone got back to you about this, but at first glance I think the side by side issue is related to how you’ve structured your elements.
Here’s a bit of your code as an example:
<label id="name-label" for="name"> What's Your Name?
<input type"text" name="name" required placeholder="Enter Your Name" class="inputs" id="name-fill">
Consider adjusting things to something more like this:
<div> <!-- wraps the whole row -->
<div> <!-- wraps the label on the left -->
<div> <!-- wraps the input on the right -->
With that structure you can add css styling to affect the left label and right input more specifically.
I’ve also seen some posts related to this in the forum that tie back to class=“rowTab” which you can check more into here