JSFiddle - React, Tailwind, and code Playground

HTML

<div class="myCoverWrapper">
    <div class="test">I represent the Something Something Soemthing</div>

</div>

CSS

.myCoverWrapper {
    border: 1px solid Peru;
    margin:auto;
    min-width: 200px;
    max-width: 100%;
    display: inline-block;
    background: red;
}

.test {
    height: 100px;
    margin: 10px;
    background: cyan;
}