@fidellim
Posted
In terms of design, you did really well in implementing the design (mobile and desktop). You might want to remove the arrows (appears when hovered) in the inputs you can do it this way:
/* Chrome, Safari, Edge, Opera */ input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
/* Firefox */ input[type=number] { -moz-appearance: textfield; }
Also, the answer will give infinity, as you said when value of input goes to 0. What you can do is add an if statement: "if the value goes to zero, set the output to zero directly".
I hope it helps :)
Marked as helpful