JSFiddle - React, Tailwind, and code Playground

HTML

<div id="contact-us">
<div id="contact-box">
</div>
</div>

CSS

#contact-us {
    height: 300px;   
    background: #eee; 
    
    position: relative;
}


#contact-box {
    background: #ddd;
    width: 300px;
    Height:120px;
   
    
    
    
    position: absolute;
    top: 50%; left: 50%;
    margin-top: -60px;
    margin-left: -150px;
}