Very well written, well done! As for your circle hovering dilemma, you could do something like the following for a quick solution;
.card:hover .circle { background: #000; transition: 3s; }
This will still follow the hover of the parent element (the card) but apply styles to your child (circle). Hope that helps!
Are you sure you want to hide this comment? It will become hidden in your post, but will still be visible via the comment's permalink.
Hide child comments as well
Confirm
For further actions, you may consider blocking this person and/or reporting abuse
We're a place where coders share, stay up-to-date and grow their careers.
Very well written, well done! As for your circle hovering dilemma, you could do something like the following for a quick solution;
This will still follow the hover of the parent element (the card) but apply styles to your child (circle). Hope that helps!