JSFiddle - React, Tailwind, and code Playground

by Laurent Dufour

HTML

<div class="sidebyside">
  <div class="field">
    <label for="prenom">Prenom</label>
    <input type="text" name="prenom" placeholder="Prénom" id="prenom">
  </div>
  <div class="field">
    <label for="email">Email</label>
    <input type="email" name="email" placeholder="Email" id="email">
  </div>
</div>

CSS

.sidebyside {
  display:flex;
}

.field {
  flex: 1 1;
}

label {
  display:block;
}