Почему не работает align-content, когда одна строка?
Используйте не align-content, а align-items
UPD: align-content используется для выравнивания элементов при переносе на следующие строки (с flex-wrap: wrap).
Вот здесь точное определение написано: https://puzzleweb.ru/css/pr_align-content.php
Работает для нескольких элементов или строк