Product Card Component HTML + CSS + JS

Hello @nachospreafico!

Your project looks great!

I have just one suggestion for you to improve it:

• I noticed that you used margins and paddings to place your card closer to the middle of the page. There 2 better options to do that:

You can apply this to the body (in order to work properly, you can't use position or margins):

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

Or you can apply this to the element you wanna center:

.element {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
}

I hope it helps!

Other than that, you did an excelent job!