JSFiddle - React, Tailwind, and code Playground

HTML

<head>
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>

<body>
    <div class="flex-parent">
      <div class="flex-parent" style="flex-grow:1; flex-wrap:wrap;">
        <label>Description: <input style="flex-grow:1;" type="text" size="18" name="description" required></input></label>
        <label style="padding-top:1px;">Qty: <input type="number" maxlength="3" name="quantity" style="width:4em" required></input></label>
      </div>
      &nbsp;
      <div class="flex-parent" style="flex-grow:1; flex-wrap:wrap;">
        <label>Model #: <input style="flex-grow:1;" type="text" size="10" name="model" required></input></label>
        <select name="technician" required>
          <option value="" selected disabled hidden>Type</option>
          <option>Roll</option>
          <option>Box</option>
          <option>Each</option>
        </select>
      </div>
    </div>
    <hr />
</body>

CSS

body {
  zoom: 150%;
}

.flex-parent {
  display: flex;
}