JSFiddle - React, Tailwind, and code Playground

by kenwals

HTML

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

  <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <meta name="Description" content="Wildlife Rescue case details portal" />
    <link rel="shortcut icon" href="/static/favicons/favicon.ico">
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css">
    <link rel="stylesheet" href="/static/css/style.css" type="text/css">


    <title>Wildlife Rescue</title>
  </head>

  <body>
    <header id="header">
      <nav class="container-lg navbar navbar-expand-lg navbar-light">
        <div class="container-fluid">
          <a class="navbar-brand fs-3 fw-bold" href="#">Wildlife Rescue</a>
          <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNavAltMarkup" aria-controls="navbarNavAltMarkup" aria-expanded="false" aria-label="Toggle navigation">
            <span class="navbar-toggler-icon"></span>
          </button>
          <div class="collapse navbar-collapse justify-content-end" id="navbarNavAltMarkup">
            <div class="navbar-nav text-end">
              <a class="nav-link navbar-link mx-3" href="/"> Home <i class="bi bi-house"></i></a>

              <a class="nav-link mx-3" href="/get/cases"> Cases <i class="bi bi-archive"></i></a>
              <a class="nav-link mx-3" href="/add/case"> New Case <i class="bi bi-card-checklist"></i></a>
              <a class="nav-link mx-3" href="/profile/test%40testing.com"> Profile <i class="bi bi-person-badge"></i></a>
              <a class="nav-link mx-3" href="/logout"> Log Out <i class="bi bi-box-arrow-right"></i> </a>

            </div>
          </div>
        </div>
      </nav>
    </header>
    <section>
      <!-- flash messages -->



    </section>
    <main class="minimum-height">

      <div class="container-lg">
        <div class="row">
          <div...