Responsive Product Preview Card using CSS: Flexbox, grid, and BEM

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

I was proud that I got the solution pretty close to the design. I did this without researching it and used what I knew, thus far.

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

After I reached the end, I went to find some help and found out some critical errors in my structure and usage of grid/flexbox in their respective places. Next time, I will be a lot more careful with how I will approach a design. I will fine-tune my attention to detail as I missed the mark in some areas that proved detrimental to my overall design later (when applying responsiveness).

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

I would like help with coming up with a better reset convention regarding css and better semantic structuring/usage regarding HTML.