Use grid to realize left, middle and right layout, and the middle content is adaptive

grid It is very convenient to realize the layout of left, middle and right , Which one? div Need to adapt , The layout should be placed in the middle

.box{
    
 	display:grid;
    grid-template-columns: 200px auto 200px;
}
.left{
    
    
}
.right{
    
    
}
.center{
    
    
}

<div class="box">
	<div class="left"> I am on the left </div>
    <div class="center"> I'm the middle </div>
    <div class="right"> I'm on the right </div>
</div>