Как выровнять линию сроки, позволяя контейнеру контента расти вверх/вдары на основе ориентации? ⇐ CSS

[Anonymous]

Я строю горизонтальный компонент временной шкалы в React с использованием Material-UI (MUI). Учебный элемент временной шкалы (TimelineGroupel) имеет 3 основных частях, сложенных вертикально: ящик для содержания, линия временной шкалы и значок. src = "https://i.sstatic.net/dudz8p4e.png"/>
Просмотреть код здесь
Прямо сейчас я не могу выравнивать график последовательных предметов. Когда часть контента растет (например, более длинный текст), она отталкивает все вниз/вверх, что разбивает выравнивание временной шкалы. принять другой подход? < /p>

Код: Выделить всё

#update

Я обернул контент и заполнитель икона компонентом и назначил каждому высоту 350px . Теперь временная шкала выровнялась. Но проблема в том, что если контент превышает

Код: Выделить всё

350px

высота, затем контент вырезается. И если я передам minheight как 350px , то выравнивание нарушено.

Подробнее здесь: https://stackoverflow.com/questions/797 ... rds-doward