JSFiddle - React, Tailwind, and code Playground

by rhudecaviar

HTML

<!DOCTYPE html>
<html lang="en">

  <title>Hotel Sublime Cafe Menu</title>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link href="https://fonts.googleapis.com/css?family=Barlow+Condensed|Notable|Roboto" rel="stylesheet">
  <link href="style.css" rel="stylesheet" type="text/css" />
  <meta name="description" content="Hotel Sumblime's Fall/Winter Cafe Menu">

  <body>
    <header role="header">
      <h1>KITCHEN MENU</h1>
    </header>
    <nav class="menu">
      <a href="index.html">Home</a>
    </nav>
    <fieldset>
      <form class="order-form">
        <legend>Eats</legend>
        <div>
          <h2>Steak</h2>
          <label for="dish-item">Add an item</label>
          <input type="checkbox" id="steak" name="steak" value="steak">
          <p>Served with salad and choice of dressing</p>
          <p class="price">$18.00</p>
        </div>
        <div clas="quantity-field">
          <input id="number" type="number" step="1" min="0" value="0">
        </div>
        <div>
          <h2>Awesome Burger</h2>
          <label for="dish-item">Add an item</label>
          <input type="checkbox" id="Burger" name="Burger" value="Burger">
          <p>Served with salad and choice of dressing</p>
          <p class="price">$12.00</p>
        </div>
        <div class="quantity-box">
          <input name="number" id="number" type="number" step="1" min="0" value="0">
        </div>
        <div class="delivery-time">
          <select name="time" id="time">
              <option value="5:00 AM">5:00 AM</option>
              <option value="5:15 AM">5:15 AM</option>
              <option value="5:30 AM">5:30 AM</option>
              <option value="5:45 AM">5:45 AM</option>

              <option value="6:00 AM">6:00 AM</option>
              <option value="6:15 AM">6:15 AM</option>
              <option value="6:30 AM">6:30 AM</option>
              <option value="6:45 AM">6:45 AM</option>

             ...