<div class="flex-container">
  <div class="item1">3/3/200px</div>
  <div class="item2">2/2/200px</div>
  <div class="item3">1/1/200px</div>
</div>
.flex-container {
  display:flex;
  width:480px;
  justify-content: space-between;
}
.flex-container div{
    height:40px;
}
.item1{
  background: #484281;
  flex:3 3 200px;
}
.item2{
  background: #5248af;
  flex:2 2 200px;
}
.item3{
  background: #786bfa;
  flex:1 1 200px;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.