How do I get smart forms to include responses across columns

Bootstrap Studio Help
1

E.g.

<div class="container">
        <div class="row">
            <div class="col-md-6">
                <form data-bss-recipient="a6ecf09a9056b803c75d95a1041f534a" data-bss-subject="Form" id="contact-form">
                    <label for="name"><img src="assets/img/name.svg" /></label>
                    <input class="form-control" type="text" name="name" >
                    <label for="company"><img src="assets/img/company.svg" /></label>
                    <input class="form-control" type="text" name="company">                     
                    <label for="address"><img src="assets/img/address.svg" /></label>
                    <br>
                <textarea name="address" form="contact-form" cols="24" rows="8" ></textarea>
                <br>
                    <label for="telephone"><img src="assets/img/telephone.svg" /></label>
                    <input class="form-control" type="tel" name="telephone" >
                    <label for="email"><img src="assets/img/email.svg" /></label>
                    <input class="form-control" type="email" name="email" >
                    </div>

//ABOVE FIELDS ARE SENT CORRECTLY

                    <div class="col-md-6">
                    <label for="department-to-contact"><img src="assets/img/department-to-contact.svg" /></label>
                    <br>
                    <select>
                  <option value="Technical">Technical</option>
                  <option value="production">Production Planning & Sales</option>
                  <option value="office-administration">Office Administration & Order Processing</option>
                  <option value="company-admin">Company Administration</option>
                <option value="accounts">Accounts</option>
                  <option value="prepress">Factory & Prepress</option>
                </select>
                <label for="enquiry"><img src="assets/img/enquiry.svg" /></label>
                <br>
                <textarea name="enquiry" form="contact-form" cols="35" rows="11" ></textarea>
                <p>&nbsp;</p>
                    <button class="btn btn-sm text-white bg-white" type="submit"><img src="assets/img/Submit%20Button.svg" width="180px" /></button>

//ABOVE FIELDS ARE MISSED </div> </div> </div> </div>

2

I can fix this by keeping the form in one div and then splitting into two columns floating left and right. But this breaks the responsiveness and is not an option.