JSFiddle - React, Tailwind, and code Playground

by António Almeida

HTML

<div class="main">
  <label for="foo">foo</label>
  <input type="text" id="foo" placeholder="foo placeholder" />

  <label for="bar">bar</label>
  <select id="bar">
    <option value="bar1">bar 1</option>
    <option value="bar2">bar 2</option>
    <option value="bar3">bar 3</option>
    <option value="bar4">bar 4</option>
  </select>
</div>

CSS

body {
  font-size: 1.2rem;
  background-color: black;
  color: white;
}

.main {
  display: grid;
  grid-template-columns: auto auto;
  grid-row-gap: 5px;
}