JSFiddle - React, Tailwind, and code Playground

by GopsAB

HTML

<div class="protect">
    <div id="mp-menu">
        <nav>
             <h2 class="r-icon">R Icon</h2>

        </nav>
    </div>
    Protect
</div>

CSS

.protect
{
    z-index:2;
    border: 1px solid red;
}

.r-icon
{
    z-index: 22;
    border: 1px solid blue;
}