<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; }