@Alex-Archer-I
Posted
Hey, congrats with your new challenge, looks cool =)
A couple of suggestions if you don't mind =) I didn't recommend you to use percentage for width of the container. There are a tons of different screen sizes now and you just can't be sure that your card looks good on the 50% of all them (I can't attach a screen here, but try to look at the various screen sizes through dev console).
Than I suggest you to use hover effect instead of active. Active effect works only in the time of click which is just a milliseconds, so guess it's a bit confusing for the user. And speaking of the UX - it'll better to apply cursor: pointer
only to the links, not to all "share" section.
And a bit of semantic tips. I can understand why you decided to use input type="image"
for the button, but the purpose of such inputs is to submit data from the form. The button
element more semantically fits here cos they used for interactivity. Also a group of links is list =)
It's cool how you handle the appearance of the little arrow on the bottom of the links block, but maybe it will a bit easier to control it's display with media queries? But that not a big deal, actually.
I hope it could be helpful. You work is really neat, keep doing =)