Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

React Js and React BootStrap

Alaa Essam 120

@Super3laa

Desktop design screenshot for the Tip calculator app coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
2junior
View challenge

Design comparison


SolutionDesign

Solution retrospective


any feedback on styling improving or thing tools I could use to make life easier

Community feedback

@anmolkapil

Posted

Good Job! It works perfectly. I would like to suggest a small thing. Try to do something about the overflow of the output. Text goes outside if we enter a large input. (You can check my solution for reference. I used "word-break" property. If you can do something better please also let me know)

4

Alaa Essam 120

@Super3laa

Posted

@anmolkapil Word-break will work fine but let's take a minute to think about the nature of the business here if we're going to use the app in real life, it is highly unlikely to use large numbers appreciate your feedback ^^

1

@anmolkapil

Posted

@Super3laa Yeah you are right. Then atleast limit the maximum value user can enter.

1

Please log in to post a comment

Log in with GitHub
Discord logo

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