JSFiddle - React, Tailwind, and code Playground

HTML

<div class="head">Header</div>
<div class="container"><p class="txt">Container</p>
    <div class="one">One</div>
    <div class="two">Two</div>
    <div class="three">Three</div>
</div>

CSS

.head{background-color:blue; width:100%; color:white;}
.container{background-color:pink; width: 81%; margin:0 auto;}
.txt{position:absolute; margin-top:20px; color:#fff;}
.one{width: 27%; background-color:red; height:100px; display:inline-block; margin-right:9%; margin-left:5%;}
.two{width: 54%; background-color:yellow; height:100px; display:inline-block;}
.three{width: 81%; background-color:green; height:100px; display:inline-block; margin-left:9.5%;}