JSFiddle - React, Tailwind, and code Playground

by tw16

HTML

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/8.0.1/normalize.min.css">
<h1>BA Entertainment Planner</h1>

<form action="">
  <label>
    What date are you flying?
    <input type="date">
  </label>
  <input type="submit" value="Submit">
</form>

<h2>Results</h2>
<ul class="results">
  <li>Film 1</li>  
  <li>Film 2</li>  
</ul>

CSS

body {
  font: 14px/1.5 -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  padding: 10px;
}

h1 {
  margin-top: 0;
}

input {
  display: block;
  margin: 10px 0;
  padding: 3px 5px;
}

ul {
  margin: 0;
  padding: 0 0 0 20px;
}