Hello, Frontend Mentor community! This is my solution to the Product preview card component.
I appreciate all the feedback you left that helped me to improve this project. Due to the fact that I published this project very long ago, I am no longer updating it and changing its status to Public Archive on my Github.
You are free to download or use the code for reference in your projects, but I no longer update it or accept any feedback.
Thank you
Hi, I think the only suggestion I can give you is to set the font size on HTML or body to 62.5%, this makes 1rem = 10px, that way you can use rem units to set specific font sizes on different elements. I.E., by setting font size to 62.5%, if I wanted a <p> tag to be 16px, I would set it like this:
html {
font-size: 62.5%;
}
.my-p-tag{ font-size: 1.6rem; }
This also helps because you can use rem units for padding, margins or any other measurement you need
Hope it's helpful for you!
Please chack out the code and let me know if I could have written JavaScript any better, thanks!
I dont know why it looks so dark in the preview, please open the link so you can see it properly, also, let me know your thought on the animations please.
