@EFEELE
Posted
Your project is very well done!!
I want to give you an extra piece of advice to make it look even better!!
In your .container, you can add these two attributes. The first one is a** transform: translate** to move your card and compensate for the box-shadow you added, this way it will seem like the card is moving and not the shadow. And the second attribute is changing to cursor: pointer to make it look much better. Remember, this is done using the :hover pseudo-class.
.container:hover {
box-shadow: 15px 15px #111;
transform: translate(-5px, -5px);
cursor: pointer;
}
¡Congratulations!
Marked as helpful