Submitted about 5 years ago

Responsive Tip Calculator App made with HTML, CSS and Vanilla JS

LVL 2

Anmol Kapil•655

@anmolkapil

A solution to the Tip calculator app challenge

Preview Code

Solution retrospective

Hello Everyone 👋🏻

I made this Tip Calculator app using HTML, CSS and JS only. I also added a simple landing animation. I used flexbox to make it responsive.

I checked other's solutions, but they did not consider the overflow of output. I used "word-break" property to properly fit the calculated result. It breaks the overflowing numbers into next line. See it in action by entering a large amount in bill.

Please give your feedbacks on design and code 😊

Code

Please log in to post a comment

Community feedback

No feedback yet. Be the first to give feedback on Anmol Kapil’s solution.

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