Skip to content
Submitted 6 months ago

Responsive tip Calculator app

P
Nishanth Venkatesan•1,030
@nishanth1596
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?

CSS part felt very easy. When I started taking FM challenge at first, I was using fixed widths and heights, which caused the webpage to respond weirdly. But now, I am able to make it seamlessly responsive across different screen sizes, which I am proud of. Special thanks to the Frontend Mentor team for their support and feedback.

What challenges did you encounter, and how did you overcome them?

I wanted to use react-hook-form, but I was not able to get the desired result, so I used control elements

Code

Please log in to post a comment

Log in

Community feedback

  • Adnan Iliyasu Muhammad•190
    @Adnan0-IM

    It looks like the original but you can improve the Total amount per person to display the value to two decimal place. like in javascript i can do that by adding toFixed(2) to the variable holding it , i dont know about typescript

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