JSFiddle - React, Tailwind, and code Playground

HTML

<div id="wrap">
<div class="card" id="card1">black</div>

</div>

CSS

*{margin:0; padding:0;}
#wrap{
    background:black;
    height:120px;
    width:100%;
    position:absolute;
    bottom: 0;
    left:0; right:0;
    -webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 10px;
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
}

.card{
    padding:10px;
    width: 50%;
    color:white;
}