Responsive product preview card component

Hey! Congratulation on completing this challenge! It looks good!

Here are some points that will help to make it even better:

1. Using margin isn't always the most effective method for centering an element. Here's a highly efficient approach to position an element at the center of the page both vertically and horizontally: Apply this CSS to the body (avoid using position or margins in order to work correctly):

body {
    min-height: 100vh;
    display: flex; 
    justify-content: center;
    align-items: center;
}

Also, I couldn't figure out why, but the image does not perfectly match its container as per the design.

Keep up the good work !