@Cinquantesix
Posted
Hello,
Your design is pretty good when you look the reference, congrats!
In your code, you don't need to specify every size like width:…;
and height:…;
. Maybe you can read about how child and parent share some properties. For exemple, if you set a size for you .container-card
, you can just push the image with padding and the content will automaticaly have is size (you just needed to adapt img).
For the states changes, you can use pseudoclass like :hover
you can read more about it there: CSS Pseudo-classes. There is a lot of states you can style.
Good luck for the futur !