Юра Комаров

Вот примерно думаю такая же анимация раскрытия блока аккордеона
https://codepen.io/Yurajun/pen/gOBdKzL
Тут в setTimeout присваиваем желаемую высоту, так как нужно чтоб прошел один тик между height 0 и height новая высота

через js или php поставить класс activ той ссылке которая нужна, а уже от этого класса будет меняться стиль.

.left {
border-right: 1px solid #ddd;
}

Напиши так

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active)
.histories-container
   display: flex;
   flex-wrap: wrap;

.event
   width: 100%;
   min-height: 1px;
   flex: 0 0 8.333333333333332%;
   max-width: 8.333333333333332%;

Просто не изменяй масштаб и будет тебе счастье.
При изменение масштаба также круглое может стать овальным, да и вообще такая мелочь как 1 px по мне это ерунда. Просто к тебе придираются что бы не платить