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

Tip calculator app using React and TailwindCSS

Matheus 240

@MatheusVSN

Desktop design screenshot for the Tip calculator app coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
2junior
View challenge

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

@talissoncosta

Posted

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
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