<h1>Poor Proximity</h1>

<form class="form" method="post" action="/">
  <div class="grid">
    <div class="grid__item">
      <label for="fullname">Name</label>
    </div>
    <div class="grid__item">
      <input type="text" id="fullname">
    </div>
  </div>
  <div class="grid">
    <div class="grid__item">
      <label for="phone">Phone</label>
    </div>
    <div class="grid__item">
      <input type="text" id="phone" size="9">
    </div>
  </div>
  <div class="grid">
    <div class="grid__item">
      <p>Extra cheese?</p>
    </div>
    <div class="grid__item">
      <div class="grid">
        <div class="grid__item">
          <label>
            <input type="radio" name="cheese">
            Yes
          </label>
        </div>
        <div class="grid__item">
          <label>
            <input type="radio" name="cheese">
            No
          </label>
        </div>
      </div>
    </div>
  </div>
  <div class="grid">
    <div class="grid__item">
      <p>Extra bacon?</p>
    </div>
    <div class="grid__item">
      <div class="grid">
        <div class="grid__item">
          <label>
            <input type="radio" name="bacon">
            Yes
          </label>
        </div>
        <div class="grid__item">
          <label>
            <input type="radio" name="bacon">
            No
          </label>
        </div>
      </div>
    </div>
  </div>
  <div class="grid">
    <div class="grid__item">
      <p>Extra sauce?</p>
    </div>
    <div class="grid__item">
      <div class="grid">
        <div class="grid__item">
          <label>
            <input type="radio" name="sauce">
            Yes
          </label>
        </div>
        <div class="grid__item">
          <label>
            <input type="radio" name="sauce">
            No
          </label>
        </div>
      </div>
    </div>
  </div>
  <div class="grid">
    <div class="grid__item">
      <label for="instructions">Special instructions</label>
    </div>
    <div class="grid__item">
      <textarea id="instructions"></textarea>
    </div>
  </div>

  <div class="grid">
    <div class="grid__item">
      <!-- spacer.gif -->
    </div>
    <div class="grid__item">
      <button>Submit</button>
    </div>
  </div>
</form>

.grid {
  display: flex;
  justify-content: space-between;
}

label {
  margin: 1rem .5em 1rem 0;
}