Новичок CSS Вопрос о иконе, который не выровняется вертикально ⇐ CSS

[Anonymous]

На моей второй и третьей картах на этой странице на Codepen здесь: https://codepen.io/maricoder/pen/mydppgg
Эти значки средних значков должны выровнять вертикально вниз.
i Пытался использовать колонку Glex Direction в течение около 30 минут, и он отказался сдвинуться с места. В конце концов я только что сдался и положил две следы
в моем HTML. Я совершенно уверен, что это не способ, чтобы заставить вещи спуститься вертикально. Можете ли вы увидеть, где я ошибся в коде?.middle {
display: flex;
align-self: center;
flex-direction: column;
color: red;
font-size: 40px;
align-items: center;
line-height: .8em;
}ere
< /code>
Я ожидал, что добавление `flex-направление: Column;

заставит эти средние значки сходить вниз, но они не будут сдвинуться с места.
Дайте вам представление о том, как это выглядело, прежде чем я поместил следы, см. Фото здесь.
Изображение карт перед HTML Break Marks < /p>
`< /p>

Подробнее здесь: https://stackoverflow.com/questions/794 ... vertically