<div class="w3tr">
  <div class="renk1">1</div>
  <div class="renk2">2</div>
  <div class="renk3">3</div>
  <div class="renk4">4</div>
  <div class="renk5">5</div>
</div>
.w3tr{
    width: 200px;
    height: 200px;
    border:1px solid red;
    display: flex;
}
.w3tr div{width: 100px; height: 50px; flex-grow: 2;}
.renk1{background: #00FFFF;}
.renk2{background: #DC143C;}
.renk3{background: #6495ED; flex-grow: 5;}
.renk4{background: #FF1493;}
.renk5{background: #FF4500;}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.