Вова Клевцов, так я написала, что нужно почитать, чтобы разобраться с ним.
Поскольку выложенный вами код к проблеме имеет очень мало отношения (почти нисколько), то не знаю чем вам ещё помочь.
p.s. хлебные крошки лучше делать списком.
Точку - псевдоэлементом li. (li:not(:last-child)::after{})
Плюсы:
- 100% не нужен абсолют для точки
- точка не входит в ссылку
- семантика для доступности
Или по крайней мере pointer-events none для псевдо.
Не очень ясна логика по которой вы задаете align-items: center;, а говорите, что блоки должны быть одной высоты.
По сути вопроса: в идеале ждать subgrid.
Если нужно только прижать ссылку к низу блока, то задать флекс колонками и ссылке margin-top: auto.
Если нужна одинаковая высота всех трех элементиков, то на данный момент это js для одного из них (удобно для заголовка).
Либо обрезать текст по количеству строк.
Таблицами верстают табличные данные.
Всё остальное - другими семантическими (подходящими по смыслу) тегами.
Если у тега нет смысла (какая-то декоративная обертка), то div.
Поясните, пожалуйста, что вы имели в виду под этой загадочной фразой.
Наверное, "на весь экран".
Поправьте.