JSFiddle - React, Tailwind, and code Playground

by Jiff Pom

HTML

<div class="wrapper">
<div id="sez">
        <div class="sez sez1"></div>
        <div class="sez sez2"></div>
        <div class="sez sez3"></div>
</div>
</div>

CSS

.wrapper{
    height: 100%; width: 100%; background-color: blue; padding: 20px; text-align: center;
}

.wrapper:after{
    content:""; display: block; clear: both; margin: 0 auto;
}

#sez {
  width: 1020px;
  margin: auto;
}

.sez{
    width: 340px; height: 240px; float: left;
}

.sez1{
    background-color:green;
}

.sez2{
    background-color:red;
   }

.sez3{
    background-color:pink;
}