Flexbox для абсолютно позиционированных элементов

Есть родительский элемент timeline__wrapper, в нем сгенерировано 12 дочерних элементов. <

div class="timeline__wrapper time"
        >
            <div class="timeline__wrapper-minutes" *ngFor="let hr of minutes; let i = index;">
                <div>{{hr}}</div>
            </div>
    </div>

Как сделать, чтобы абсолютно позиционированные элементы, которые внутри timeline__wrapper растянулись вниз на всю высоту родительского блока, чтобы не выходили за пределы. Как тут использовать display:flex ?

Стили элементов:

.timeline {
  &__wrapper {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;

    &-minutes {
      display: flex;
      justify-content: center;
      position: absolute;
      width:100%
    }
  }
}