Mobile First Approach based code for Blog Preview Card (HTML + CSS)

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

I am proud that I was able to build solution for this "Blog Preview Card" project using only HTML & CSS which is quite closer to given design.

From next time, I would prefer to solve problems into hierarchical fashion whether its whole project or problems that occur during building as not being in an order consumes more time fixing things.

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

I encountered the challenge of creating different behaviors on different states of elements. I had to build a different design at different states which was a bit unclear to me that how to do that? But then I learnt about various pseudo classes like :hover and then I used it to design how element would respond on that state.

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

Would like to know following:-

1.How to approach building frontends faster with lesser number of issues?

2.How to build design such that when user hovers over "HTML & CSS foundations" then its color changes to yellow and then only main's shadow increases?

Checkout my solution ! Feedbacks are welcome ! Stay Happy & Well ! Thanks