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

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.