Hi, I tried to have 2 columns in the contact form with the code below. However, it doesn't appear as expected . I am not sure what is wrong with my code?

Thank you!

<div class="row">
  <div class="col span_6">
    <label for="your-subject">Name</label>
    [text your-subject] <p></p>
  </div>
  <div class="col span_6">
    <label for="your-subject">Company</label>
    [text your-subject] <p></p>
  </div>
  <div class="col span_6">
    <label for="your-subject">Email</label>
    [text your-subject] <p></p>
  </div>
  <div class="col span_6">
    <label for="your-subject">Phone</label>
    [text your-subject] <p></p>
  </div>
</div>

<label for="your-message">How can we help you today?</label>
[textarea your-message] 
<p><br>[submit "Send It!"]</p>

Thank you! It works