Product Preview Card Component made with React + TailwindCSS

Please log in to post a comment
Log in with GitHubCommunity feedback
- @codi-Andre
Good job, it is very close!
If you need to set height and width with the same value, tailwind has an 'size-' utility class for that.
You can extend tailwind colors, so you won't need to type text-[#hex-color] every time and get autocomplete too.
I think you can improve the use of semantic tags in your html, not every text needs to be a heading.
In some mobile resolutions your image is off center or partially cut, in a product card this can not happen and it's a bad idea to set it as background image.
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