JSFiddle - React, Tailwind, and code Playground

HTML

<div class="maincontainer">

    <div class="microcontainers">

     <p class="design"><span style="color: #F90;">D</span>ESIGN</p>

    </div>


    <div class="microcontainers">


    </div>


 </div>

CSS

#maincontainer{   
    width:1120px;
height:auto;
background-color:#E4E4E4;
margin-left: auto;
margin-right: auto;
margin-top: 124px;
padding: 40px 40px 40px 40px;
overflow: hidden;
display:block;
text-align: center; 
}

   .microcontainers{
width: 350px;
height: 600px;
border:  #999 1px solid;
margin: 40px 40px 40px 40px;
padding: 15px 15px 15px 15px;
display: inline-block;
overflow: hidden;
}

    .design{
font-family: TrajanPro-Regular; 
font-size:85px;
color: #999;
    text-align: center;
}