JSFiddle - React, Tailwind, and code Playground

by higa tsubasa

HTML

<div class="wrap">
    <div class="one ct"><p>#F2F2F2</p></div>
    <div class="two ct"><p>#F4F5F7</p></div>    
    <div class="thr ct"><p>#FFFFFF</p></div>    
</div>

CSS

.wrap{background-color:#444444;height:200px;padding:30px;width: 600px;
display:flex;  justify-content: center;
display:-webkit-flex;  -webkit-justify-content: center;
}
.ct{height:100%;width:50%;}
.ct p{margin: 0;text-align:center;line-height: 15em;font-size: 14px;}
.one{background-color:#f2f2f2;}
.two{background-color:#f4f5f7;}
.thr{background-color:#ffffff;}