Skip to content
Submitted almost 2 years ago

Tailwind CSS Tip Calculator App -- Splitter

Mohieb•90
@dev-mohieb
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

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
    @SameerJS6Posted almost 2 years 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!!

    1
    Mohieb•90
    @dev-mohiebPosted almost 2 years ago

    @SameerJS6

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

    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