Как развести элементы по разным сторонам?

Question

[zlodiak]

Помогите пожалуйста зелёный блок прилепить в правому краю родительского блока. Желательно использовать только возможности flexbox. При сжимании ширины окна браузера пустое пространство между 4 и 5 блоком должно сокращаться и в итоге исчезнуть

DEMO

<div class="parent">
  <div class="child">1</div>
  <div class="child">2</div>
  <div class="child">3</div>
  <div class="child">4</div>
  <div class="child">5</div>
</div>

.parent {
  display: flex;
  border: cyan;
  border: 1px solid red;
}

  .child {
    width: 50px;
    height: 50px;
    border: 1px solid red;
  }
  
  .child:last-child {
    align-self: flex-end;
    background: lime;
  }

Answer 1

[Kataev]

.child:last-child {
    margin-left: auto;
    background: lime;
  }