Product Preview Card Component Solution

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

I am most proud of being able to use SCSS instead of CSS. Next time, I would like to try to make the font sizes change in size based on viewport size.

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

A challenge I encountered was the product image not having a border-radius at the top of the card component, even when the border-radius property was added to the card component class. I was able to find a solution from the dev.to website. The solution I found was:

overflow: hidden
border-radius: 1.5%

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

I would appreciate feedback on improving the responsiveness of my solution and feedback on how I used SCSS, particularly if I can be improve how I used it.