Submitted about 2 years ago
Responsive Product Preview Card Component with Tailwind & Alphine js
@codedforfree
Design comparison
SolutionDesign
Solution retrospective
So my second project on Frontend Mentor. I really liked it as it is a simple but well designed card to code. The difficult things on such a 'simple' design is how to give it something extra.
I tried to add some sparkles by adding some focus states and by adding a small effect on pressing the "Add to Cart" button. I tried to change the "add to cart" to "add to bag" because i tought this suits better for a parfum brand. At the end switched back to add to cart because it just looked better.
Hope you like it and thanks for watching.
Community feedback
Please log in to post a comment
Log in with GitHubJoin our Discord community
Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!
Join our Discord