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

responsive tip calculator

@wanaz13

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


i am new to js... if someone have better idea to make it shorter ..let me know and there is some issue when i upload the page on github the image file did not display meanwhile in local server the image id appear.

Community feedback

Account Deleted

I'm not sure what you are doing wrong, but as you said it shouldn't be that tall, the green section has way too much empty space. There's also somethings that need to be fixed with the functionality;

  • I don't think I am supposed to be able to enter a negative number in either of the inputs, otherwise it wouldn't make sense.

  • Also you should restrict the entry of multiple periods(.....) as it returns NaN.

  • The inputs should only take numbers, not letters as it currently does.

  • The custom input isn't working.

Marked as helpful

0

@wanaz13

Posted

@thulanigamtee i dont know why the preview is differ from the i upload... try you click the preview site

0

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