якорный тег в моем контейнере Flex нарушает мой макет

Question

Я хочу, чтобы второй элемент цитаты блока выглядел как первый, но с кликабельным именем и картинкой, поэтому я обернул их в тег привязки, он не вел себя так, как будто я хотел, чтобы текст находился под изображением.Создание якорного тега в гибком контейнере решает мою проблему, я просто не понимаю, почему он так себя ведет.

.review__user a {
 display: flex;
 align-items: center;
 margin-right: auto;
}  

демо-версия прямо здесь ручка

Answer 1

Попробуй это.Надеюсь, это поможет.

.review__user a {
  display: flex;
  align-items: center;
  align-content: center;
  flex: 1;
}

Answer 2

.review__user, .review__user > a{
display: flex;
width:100%;
align-items: center;

}

Попробуйте, это решит вашу проблему.Надеюсь, это поможет.