kunjut19,
Да, display не анимируется. Попробуйте представить элемент, который уже немножко block, но еще всё таки flex.
Полно вариантов скрытия блока без display, свойствами, которые анимируются. Например, прозрачностью или высотой/шириной или сдвигом трансформом. Их и используйте.
1. Вставить пустые элементы с шириной как у обычных и нулевой высотой. Если 3 столбца это максимум, то достаточно псевдоэлемента.
2. Не использовать space-between, заменить на margin
3. И самый удобный вариант, вместо флекса использовать грид.
0. Я вообще не беру на работу тех, кто присылает письма/работы с грамматическими ошибками.
Одно дело, когда ошибки/опечатки в быстрой переписке, а другое при устройстве на работу.
1. Лишние обертки.
2. Проблемы с семантикой. Заголовки div'ами, списки div'ами.
3. alt="pucture1" лучше уж совсем пустой, чем так.
4. Ошибки БЭМ. Элементы элементов.
5. В частности button_footer. Если эта кнопка выглядит именно так, из-за того, что она в футере, то делается микс из блока и элемента от футера.
6. и т.д.
Поясните, какого результата вы хотите достичь?
Сейчас вы меняете при наведении ширину 100% на 100% и block на block (то что вы вначале написали inline-block значения не имеет, у этих элементов родитель флекс, а значит, они block). Новое свойство только про курсор.
И так, до кучи, бонусом:
1. Логотип и иконка контактов логически не объединяются в список.
2. Иконка контактов не является контентным (имеющим смысл) изображением, это украшение, т.е. фон или псевдоэлемент.
3. Вероятно, фону в .top-content имеет смыл поставить bg size cover
4. line-height лучше задавать коэффициентом, без указания единиц измерения, подробности
Вы каждую картинку отодвинули в самый дальний край "ячеек", левые налево, правые направо. Да еще и флоатами.
Дальше скажу банальщину, аж неловко. Если вы левые картинки поставите по правому борту, а правые по левому, то они окажутся ближе к центральной "ячейке".
Да, display не анимируется. Попробуйте представить элемент, который уже немножко block, но еще всё таки flex.
Полно вариантов скрытия блока без display, свойствами, которые анимируются. Например, прозрачностью или высотой/шириной или сдвигом трансформом. Их и используйте.