<div class="container">
<div class="item1">A</div>
<div class="item2">B</div>
<div class="item3">C</div>
</d>
* {
margin : 0;
padding : 0;
}
.container{
width : 1000px;
height : 200px;
border : 1px solid black;
display : flex
}
.item1{
background-color : yellow;
font-size : 70px;
text-align : center;
width : 200px;
height : 100px;
}
.item2{
background-color : lightgreen;
font-size : 70px;
text-align : center;
width : 200px;
height : 100px;
flex-grow : 2;
}
.item3{
background-color : skyblue;
font-size : 70px;
text-align : center;
width : 200px;
height : 100px;
}
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.