<div class="box">
<div>left</div>
<div>mid</div>
<div>right</div>
</div>
* {
box-sizing: border-box;
font-size: 24px;
font-weight: 800;
line-height: 50px;
text-align: center;
}
.box {
display: grid;
margin-top: 300px;
width: 100%;
grid-template-columns: 100px auto 100px;
align-content: end;
grid-gap: 10px 10px;
border: #000000 1px solid;
padding: 20px;
}
.box div:nth-child(1), div:nth-child(3) {
background-color: #B7EB8F;
}
.box div:nth-child(2) {
background-color: #06DEFF;
}