JSFiddle - React, Tailwind, and code Playground

by khamer

HTML

<link rel="stylesheet" href="https://imarc-boilerplate.netlify.app/css/main.css">
<script src="https://imarc-boilerplate.netlify.app/js/manifest.js"></script>
<script src="https://imarc-boilerplate.netlify.app/js/vendor.js"></script>
<script src="https://imarc-boilerplate.netlify.app/js/main.js"></script>
<div id="root">
        <nav class="primaryNav">
    <div class="container">
        <bp-directional>
            <ul class="primaryNav__list">
                <li class="primaryNav__item">
                    <bp-dropdown class="-fullWidth" label-class="primaryNav__link" href="" label="Maine" id="a11y-maine">
                        <bp-directional>
                            <div class="container linkGroups">
                                <div class="linkGroup">
                                    <div class="linkGroup__heading">Seacoast</div>
                                    <ul class="linkGroup__list">
                                        <li class="linkGroup__item"><a class="linkGroup__link" href="#">Bar Harbor</a></li>
                                        <li class="linkGroup__item"><a class="linkGroup__link" href="#">Camden</a></li>
                                        <li class="linkGroup__item"><a class="linkGroup__link" href="#">Castine</a></li>
                                        <li class="linkGroup__item"><a class="linkGroup__link" href="#">Damariscotta</a></li>
                                        <li class="linkGroup__item"><a class="linkGroup__link" href="#">Kennebunkport</a></li>
                                        <li class="linkGroup__item"><a class="linkGroup__link" href="#">Old Orchard Beach</a></li>
                                        <li class="linkGroup__item"><a class="linkGroup__link" href="#">Portland</a></li>
                                        <li class="linkGroup__item"><a class="linkGroup__link" href="#">Rockland</a></li>
                                        <li class="linkGroup__item"><a...