Product preview card component using flex and CSS Grid 😉

👾 Hello Rodrigo, congratulations for your solution!

You've done a pretty good work in this solution, everything is fine.

The only detail to fix, is that the component is cropping due the overflow: hidden; if you look in the mobile version when the screen scales until 280px the text information start to hide, pay attention to the discount price for example, it disappears.

.flex {
    display: flex;
    flex-direction: column;
    gap: 20px;
    overflow: hidden;
}

You can fix that deleting the overflow and applying a media query to change the flex-flow column after 300px.

Hope it helps, happy coding!