Skip to content
Submitted over 2 years ago

Tailwind CSS Tip Calculator App -- Splitter

tailwind-css
Mohieb•90
@dev-mohieb
A solution to the Tip calculator app challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

Created using Tailwind CSS. Took me about 4 days to finish everything up.

I'm not sure if my JavaScript code is up to standard but it's the best I can do at my current level.

I was also going to add accessibility to the app but I got really frustrated while writing the JavaScript and I just wanted to finish the project asap.

Any advice is appreciated, this is all self-taught!

Code

Please log in to post a comment

Log in

Community feedback

  • Sameer Singh•560
    @SameerJS6

    Nice one there brother, and also congratulations on your achievement in completing this project.

    But work on the Reset Button functionality, it reset the tip percentage active class but doesn't actually remove the selected value, so make sure to leave the active or selected class active.

    And also the give the body a min-height: 100vh; to center the whole application center proper. Thank you!!

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