Responsive card that uses advanced hovering and and overlaid link

What are you most proud of, and what would you do differently next time?

I am super pleased with the hover functionality and being able to figure how to make the entire card a link.

I definitely think that I need to take a bit to think of how I want to accomplish some tasks before starting the project to avoid messy code and refactoring in the future.

What challenges did you encounter, and how did you overcome them?

I did struggle a little bit with aligning the author image and name properly on the bottom of the card. It was a silly solution once I finally stumbled upon it but it did not stand out.

That being said, I did enjoy the practice with flex box.

What specific areas of your project would you like help with?

I always feel like I struggle to get the proper sizing for the cards with each project, so any guidance on how people naturally get the correct size would be beneficial.

I would also love for anyone to take a look at my code and explain to me how I would be able to refactor it down to a more clear, condensed version of this project.