I am using Contact Form 7 and I want help with this code:

MY CONCERNS:
1. This code works perfectly on PC, But when it comes to Mobile Phones I don't want two columns in one row for Email and Mobile. Need a Single line for Each. Please suggest the corrected code and changes to be made. [I referred to this article: https://themenectar.com/docs/salient/contact-form-columns/ But, I didn't understand howto do it]
2. Please review the autocomplete code is correct or not for Name, Email and Contact Number. If not please provide the corrected version.

Thanks in Advance. 

<label> What is your name?
   [text* your-name autocomplete:name placeholder "Your Full Name"] </label>
<label> Subject of Inquiry:
   [text* your-subject placeholder "Briefly Describe Your Inquiry"] </label>
<div class="nectar-wpcf7-inline-form" style="padding-top: 0;">
  <div class="nectar-wpcf7-inline-field">
     <label> Please provide your email:   
      [email* your-email autocomplete:email placeholder "Your Email Address"] </label>
  </div>
  <div class="nectar-wpcf7-inline-field">
     <label> How can we contact you?
      [tel* your-mobile-number autocomplete:tel placeholder "Your Contact Number"] </label>
  </div>
</div>
<label> What's on your mind?
[textarea your-message placeholder "Your Message or Question..."] </label>
[submit "Submit"]

Dear Andrew,

I hope this message finds you well. I wanted to follow up on the link you shared with me earlier. Unfortunately, I was not able to understand how to implement the code. I tried several codes with the [class: "mobile-1-col"], but none of them seemed to work. I'm not familiar with this type of coding, so I'm hoping you can help me by letting me know where to add the code to make this work. To help you better understand my issue, I have included the code I have been working on.

Thank you for your time and assistance.

Best regards, Hazrath Mohammed

Thank you so much.