Skip to content
Submitted 4 months ago

Tip Calculator App

sass/scss
P
Coder-Liz•610
@Coder-Liz
A solution to the Tip calculator app challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

What are you most proud of, and what would you do differently next time?

I am proud to have completed this project, even though I still need to make some adjustments to my code, like updating certain HTML elements, so I can use pure functions in the script.

Code

Please log in to post a comment

Log in

Community feedback

  • nodegreecode•390
    @nodegreecode

    Hi @Coder-Liz, I’m really impressed with how well you matched the size of this component—it aligns perfectly with the actual design!

    Regarding functionality, there’s still room for improvement. Instead of adding a border to the Custom Tips field, consider styling its outline to prevent the jumping and resizing of other components. Also, try rethinking the logic behind the event listeners. Right now, the calculation starts immediately after the first input. Instead, you could implement a central function that orchestrates the other functions in a more structured and appropriate manner.

    You're doing a fantastic job—keep it up! 🚀

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