JSFiddle - React, Tailwind, and code Playground

HTML

<div class="container">
    <div class="title">Hello Dolly</div>
    <div class="another-container">
        <div class="some-content"><p>LALALALALA</p></div>
    </div>
</div>

CSS

.container {
    max-width: 1400px;
    min-width: 320px;
    margin:0 auto;
    margin-top: 3em;
}

.title {
    width:200px;
    text-align:center;
    margin:0 auto 50px;
}

.another-container {
    max-width:720px;
    min-width:280px;
    background-color:red;
    margin:0 auto;    
}

.some-content {
    padding:10px;
}