Submitted over 1 year ago

Tailwind CSS Tip Calculator App -- Splitter

#tailwind-css

Mohieb• 90

@dev-mohieb

Preview site View code

This is a solution for...

Tip calculator app

HTML
CSS
JS

2junior

View challenge

Design comparison

SolutionDesign

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!

Community feedback

Sameer Singh• 560

@SameerJS6

Posted over 1 year ago

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

Mohieb• 90

@dev-mohieb

Posted over 1 year ago

@SameerJS6

Thanks for reviewing my project! I fixed the reset button and the app alignment.

Please log in to post a comment

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