JSFiddle - React, Tailwind, and code Playground

by satantx

HTML

<div class="black_overlay">
    
    <div class="overlay">
        dfsdf
    </div>
</div>

CSS

.black_overlay {
    position: fixed;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.8);
    z-index: 1001;
    text-align: center;
}

.overlay {
    background: #fff;
    display: inline-block;
    margin: 50px 0;
    padding: 20px;
    border-radius: 10px;
    width: 695px;
    height: 740px;
}