Product preview card

I see in your code that sometimes you have sth like this: 0.3125rem;

I encourage you to set a font-size on html to 62.5%. Then one rem is equal 10px. After this your calculations would be easier because you would know that one 1rem = 10px

html {
font-size: 62.5% // It means that 1rem = 10px. From this it is easier to use rem
}

p {
font-size: 1.6rem; // Here this paragraph font-size will be 16px;
}

Hope you found this comment helpful 💗💗💗

Good job and keep going 😁😊😉