JSFiddle - React, Tailwind, and code Playground

HTML

<div class="main">
    <div class="body">
        My BODY CONTENT
    </div>
</div>

CSS

.main {
    width:100%;    
    min-width:300px;
    border:1px solid red;
    margin-top:50px;
    
}

.body {
    max-width: 50%;
    min-width : 270px;
    margin:0 auto;
    border:1px solid green;
}