Submitted 8 months ago

Tip calculator using TailwindCSS

Thomas Schütz• 260

@Nospiel-code

Preview site(opens in new window)View code(opens in new window)

This is a solution for...

Tip calculator app

HTML
CSS
JS

2junior

View challenge

Design comparison

SolutionDesign

Solution retrospective

Hi everyone,

I have the problem, when the output (the tip amount) changes it also changes the size of the whole card. I tried to set a the object.style.width to the initial value but then the text overflows to the right.

What is the best way to solve this problem?

Thanks

Community feedback

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