JSFiddle - React, Tailwind, and code Playground

by rhudecaviar

HTML

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

  <title>Order Details</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="/Users/abl/projects/poolside_bedside/css/make-order.css" rel="stylesheet" type="text/css" />
  <meta name="description" content="Order Select">

  <body>
    <header role="header">
      <h1>Choose Dishes</h1>
    </header>
    <!-- <nav class="nav">
        <a href="homepage.html" id="homepage-link">Home</a>
        <a href="make-order.html" id="menu-link">Menu</a> -->
    <div class="order-form">
      <div class="container">
        <div class="dishes">
        </div>

        <div class="order-summary">
          <ul class="summary-items">
          </ul>
          <div class="price-adder">
            <p class="total-price"></p>
          </div>
        </div>

      </div>

      <div class="container">
        <div class="order-date">
          <label for="order-date-field" class=order-date-field>Date: </label>
          <input class="date-input" type="date" id="datepicker">
        </div>
        <!-- <div class="delivery-time">
          <label for="delivery-time" class="delivery-time"> Time: </label>
          <input class="time-input" type="time" id="time" value="07:00" step="900" required> </div> -->

        <div class="location-choice">
          <label for="location" class="location"> Location: </label>
          <select class="location-select" id="location-select">
            <option value="">--Please choose an option--</option>
            <option value="Pool-Bar">Pool Bar</option>
            <option value="Lounge">Lounge</option>
            <option value="Rooftop Lounge">Rooftop Lounge</option>
          </select>
        </div>
        
        <div class="checkout-button">
          <button type="button" class="checkout-btn">Checkout</button>
        </div>

     ...