JSFiddle - React, Tailwind, and code Playground

HTML

<div class="wrapper">
   <div class="left-corner"></div>
   <div class="right-corner"></div>
   <div class="center-repeat"></div>
</div>

CSS

.wrapper
{
   width:100%;
   background: grey;
}
.left-corner
{
   background:blue;
   width:110px;
   height:100px; /*110px*/
   float:left;
}
.right-corner
{
   background:red;
   width:110px;
   height:100px; /*110px*/
   float:right;
}
.center-repeat{
   background:orange;
   height: 110px;
   margin: 0 110px;
}