Почему я прописываю justyfy-items: start для контейнера time, по идее он должен прижаться к левому краю. Но почему он остается растянутым?

Question

[ktotitakoy]

<div class="header__time time">
                        <div class="time__item">
                            <span class="time__title title">18</span>
                            <span class="time__subtitle subtitle">Дней</span>
                        </div>
                        <div class="time__item">
                            <span class="time__title title">18</span>
                            <span class="time__subtitle subtitle">Часов</span>
                        </div>
                        <div class="time__item">
                            <span class="time__title title">18</span>
                            <span class="time__subtitle subtitle">Минут</span>
                        </div>
                        <div class="time__item">
                            <span class="time__title title">18</span>
                            <span class="time__subtitle subtitle">Секунд</span>
                        </div>
                    </div>

.time {
  display: -ms-grid;
  display: grid;
  grid-auto-flow: column;
  justify-items: start;
}
.time__item {
  display: -ms-grid;
  display: grid;
  grid-auto-flow: row;
  -ms-grid-column-align: start;
      justify-self: start;
}

Answer 1

[Даниил Иванов]

https://jsfiddle.net/Lpf0oqrx/5/
Просто нужно было прописать классу time: position:absolute;