JSFiddle - React, Tailwind, and code Playground

HTML

<div class="block">
    <label for="">label</label>
    <input type="text">
  </div>
  <div class="block">
    <label for="">Super mega giga long label</label>
    <input type="text">
  </div>
  <div class="block">
    <label for="">label</label>
    <input type="text">
  </div>
  <div class="block">
    <label for="">label</label>
    <input type="text">
  </div>
  <div class="block">
    <label for="">label</label>
    <input type="text">
  </div>
  <div class="block">
    <label for="">label</label>
    <input type="text">
  </div>
  <div class="block">
    <label for="">label</label>
    <input type="text">
  </div>
  <div class="block">
    <label for="">label</label>
    <input type="text">
  </div>

CSS

.block {
  margin: 20px;
  display: flex;
  flex-wrap: wrap;
}
  label {
    padding:0 10px 0 0;
    flex: 0 0;
  }
  input {
    flex: 1 1 auto;
    min-width: 80%;
  }