Interactive rating component with React and Tailwind
Design comparison
Solution retrospective
Something I've wanted to do for a while was to use some tool to facilitate my css coding. In this project I used Tailwind CSS, and I really felt the difference between having to write tons of CSS and simply writing CSS as classnames directly in the HTML. Also, I'm getting more and more comfortable working with React and NPM.
What challenges did you encounter, and how did you overcome them?One of the challenges I had in this project was making the error animation on the options (which appears if you click the submit button without choosing any option). The solution I found was simply writing the Tailwind utility class for the animation conditionally using template literals in the className and a ternary operator.
What specific areas of your project would you like help with?One thing I didn't quite understand about Tailwind was how they tackle responsiveness. They use values for min-width instead of max-width, which I was used to. I would appreciate it if someone could explain the logic behind this to me.
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