Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Product Preview Card Component - REACTJS/TAILWINDCSS/TYPESCRIPT/VITE

P

@lorenzoaniel

Desktop design screenshot for the Product preview card component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


Getting the hang of TailWindCss, only issues I came across were with vite and the way it builds the production version. I swear I have tried so many different ways to import export images and fonts. I can't wait to tear my hair out when I have to do actual dynamic data and plug it into my components.

Anyhow, I think I will start doing junior level projects again as I am now more comfortable with TailWindCss, I will start experimenting with the Framer + TailWindCss combo. If any one has a particular animation challenge in this platform that I can tackle let me know, ill get to it as soon as i tackle maybe 2 or so junior level projects with TailWindCss.

Trying to learn best practices. Feel free to be brutal I need all the tips and tricks I can learn.

Community feedback

Please log in to post a comment

Log in with GitHub
Discord logo

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