Responsive Component Card with HTML and CSS Flexbox

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

I'm proud of how I was able to properly implement many of the CSS properties I have simply just learnt about. Practicing these CSS concepts through the project, have made it easier for me to grasp. I would be much more patient, working out how I want to go about the project before jumping right into it.

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

I have some issues with transforming the card from being horizontal to vertical. The issue was mainly on being able to see the changes I made in the border-radius from the previous screen. It was something that took a long time to solve, but in the end I simply realized that the bottom card was overlapping the top card, hence the reason why I could not see the changes I implemented. I fixed this by giving the card on top a z-index property.

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

Animation Although this particular project does not have animations, I did try animating the background, however it turned out weirdly-looking. It made me realize that I simply have the idea of animation and I need to practice more and even watch more videos to be able to grasp completely.