JSFiddle - React, Tailwind, and code Playground

by barrycorrigan

HTML

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no">

    


    <meta name="MSM.Digital.Gtag" content="P5csCIGMu6IBEJDkjfAD|4529193|ti|">

    
    <meta name="MSM.System" content="2">
<meta name="MSM.ProductCategory" content="Travel insurance">
<meta name="MSM.Content.Vertical" content="insurance">
<meta name="MSM.Content.Product" content="Travel insurance">
<meta name="MSM.Content.SubProduct" content="pre-existing medical condition">
<meta name="MSM.Content.ChannelId" content="288">
<meta name="MSM.Content.SubPageType" content="unclassified">

<meta name="MSM.Content.PageType" content="question page" />



    <meta name="robots" content="noindex, follow" />
    <script type="text/javascript" src="//d1q62gfb8siqnm.cloudfront.net/100587/wt_capi.js"></script>
    

    <link href="/travel-insurance/pre-existing-medical-v2/enquiry/Content/global.css" rel="stylesheet" /><script type="text/javascript" src="//nexus.ensighten.com/msm/gb-test/Bootstrap.js"></script>

    
    <script type="text/javascript" src="https://cdn.optimizely.com/public/8787468851/s/MSMTravelInsuranceWeb.js"></script>



        <script type="text/javascript">
        var chatbotEnabled = false;
        var zendeskEnabled = false;
        var zendeskImg = '/travel-insurance/pre-existing-medical-v2/enquiry/content/img-zendesk/zendesk-concierge.png';
    </script>
        <!-- Paste into the <head> of your application -->
        <script src="https://static.ada.support/embed.c013830e.min.js"
                integrity="sha384-v7ay/lZi5M9krLuUfLWdXqVUx/E3lyVaVEEZZShwQeVx/1PcpjAZMhnjy8k9o/1Q"
                crossorigin="anonymous"
                charset="utf-8"></script>
        <script>chatbotEnabled = true;</script>



    <link...