Responsive card using CSS Grid and Flexbox

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

I recently began learning about CSS Grid and Flexbox and applied my current understanding to this challenge. I'm pleased with how it turned out and excited to continue improving my skills as I explore these concepts further.

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

Understanding the intricacies of CSS Grid posed the biggest challenge during this project, particularly when transitioning what visually appeared to be a row into a column layout. While Flexbox would have allowed me to use a row layout, I opted for Grid because it offered a more straightforward approach to creating equal, responsive fractions for the card element in both tablet and desktop views.

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

As a beginner, I’m eager to improve in any way I can, so I welcome feedback on all aspects of the project. Specifically, I’d appreciate guidance on whether my use of CSS Grid and Flexbox is efficient and if there are better ways to achieve responsiveness across devices. Additionally, any tips on best practices or ways to improve code structure and readability would be very helpful.