Skip to content
Submitted over 1 year ago

Tip calculator app using React and TailwindCSS

Matheus•240
@MatheusVSN
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Tip calculator app
  • HTML
  • CSS
  • JS
2junior

Design comparison

SolutionDesign

Solution retrospective

This challenge is the hardest one so far for me, it took me hours to finish, but was worth in the end as I'm not familiarized with both libraries/tools. Any feedback is welcome 😁

Community feedback

  • Talisson•190
    @talissoncostaPosted over 1 year ago

    Hey @MatheusVSN Congrats for the solution. I just have some small tips.

    1. Break it into small components. In my view, all the comments on Main container could become a separated component.
    2. I see that you are using flex in some components. My opinion is that you should use more, and also explore the usage of flex + gaps it will help you to level up and you won't need to use margins in everywhere. It will make your projects more consistents and easy to manage.
    Marked as helpful
    0

Please log in to post a comment

Log in with GitHub

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