Shopifyでレスポンシブフォームを作成するには？

-1

私は、Shopifyで反応するカスタムフィールドフォームを作成する方法を理解しようとしています。Shopifyでレスポンシブフォームを作成するには？

 <div class="one-whole"> 
      <div class="one-half"> 
      <label for="groom_name">Groom's First Name</label> 
      <input required type="text" id="groom_name" name="properties[groom_name]" placeholder="Groom"> 
      </div> 
      <div class="one-half"> 
      <label for="bride_name">Bride's First Name</label> 
      <input required type="text" id="bride_name" name="properties[bride_name]" placeholder="Bride"> 
      </div> 
      <label for="last_name">Last Name</label> 
      <input required type="text" id="last_name" name="properties[Last Name]" placeholder="Last Name"> 
      <label for="wedding_date">Wedding Date</label> 
      <input required type="date" name="wedding_date"> 

      <label for="city">City</label> 
      <input required type="text" id="city" name="properties[City]" placeholder="City"> 
      <label for="state">State</label> 

     </div>

これはコードであり、これは私が得るものです。

私はwholeとone-halfを実行し、各入力を独自のdivに分けてみました。常に正当化され、現在ラッピングされているように見えます。

私はGroom NameとBride Nameを同じ行にしたいと思います。しかし、モバイル時に崩壊する。