Oleg Smychenko

Вот - наглядное пособие

"С" - семантика

Родителю -
align-items: stretch;

Смотри тут: CSS - Align-items:

То есть, никого не смутило, что div внутри a , а не наоборот?
В ссылку блоки не вставляются, потому она - строчный элемент.
Читаем здесь - Правила вложений для тега a и будет вам счастье!