Да все сделано красиво. Но читать карточки сложно так как они не выделены, то есть находятся в куче. Я рекомендую сделать постоянную тень, что бу их чуть разграничить и при наведении размазывать эту тень.
Дефолтное состояние
.card {
width: 100%;
display: flex;
flex-direction: column;
margin-bottom: 20px;
box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1);
flex: 1;
transition: 0.3s;
}
При наведении
.card:hover {
box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.1);
transition: 0.3s;
}
Проект пока сыроват, есть много нюансов. Нужно местами аккуратизировать интерфейс. А так все здорово.
