Product preview card w/ Tailwind CSS & Svelte

Solution retrospective
I decided to try giving myself an estimate of how long it would take to build this component, and even with extra distractions and a few segues, it took me less than 2 hours to complete. Which was my initial estimate before starting this project.
What challenges did you encounter, and how did you overcome them?I wanted to use modern methods for changing the image at different screen sizes, so I researched responsive images on mdn's website. Eventually found this tutorial and learned the best method for including different images for the sake of art direction.
Please log in to post a comment
Log in with GitHubCommunity feedback
- P@AnonymousCoder323
Great job! Responsiveness is good. I really like the hover transition on the button. Is there a reason you used an
<a>
element instead of a<button>
element for the button? Also, it seems like you're missing the cart icon on the button.
Join 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