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

Tip Calculator App, Mobile-first Using HTML, SASS and JavaScript

@Emabliss

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


The functionality is okay, but can someone please tell me why it's responsive on my local server but not when viewed live? Please I really want to know.

Community feedback

@Mattvp21

Posted

Hey Emanuel,

Your custom tip part isn't working for me. I tried putting the number and number and % in the input.

-Matt

0

@Emabliss

Posted

@Mattvp21 Yea I don't really know what that custom part is supposed to do. Any idea, please?

0

@Mattvp21

Posted

@Emabliss You should be able to type in a number thats value will be the tip percentage so for example if i typed 20 it would tip 20%. Try setting a value to the 'custom' element and then an onchange event and use the same logic as done with the other buttons.

0

@Emabliss

Posted

@Mattvp21 Oh okay I get. I'll try it, but do you have an idea why the layout might be responsive on my local server and not when it's hosted?

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