CSS3 flex

<div class="wrapper">
   <div class="item">pierwszy element</div>
   <div class="item">drugi element</div>
   <div class="item">trzeci element</div>
</div>

<div class="wrapper">
   <div class="item">pierwszy element</div>
   <div class="item">drugi element</div>
   <div class="item">trzeci element</div>
</div>
.item:nth-child(1) {
    flex-grow: 5;
}

.item:nth-child(2) {
    flex-basis: 50%;
}

.item:nth-child(3) {
    order: 1;
}