Tip Calculator App

Hello 🙃, there are some improvements there that you could implement:

1. Use flexbox to align the content instead of placing a large margin that does not make it responsive, here are some links to learn flexbox interactively ( flexboxfroggy, flexboxdefense)
2. Instead of placing images of the dollar sign you can place a background-image to your inputs, this makes them not leave the input, you can try something like this:

  background-image: url(../assets/images/icon-dollar.svg);
  background-repeat: no-repeat;
  background-size: calc(contain);
  background-position-y: center;
  background-position-x: 15px;

1. In addition to eliminate the "arrows" in the number type input you can put this in your input in css

"appearance: textfield;" 

There are some more improvements but I think that with this the page should give a good change, I hope it has been helpful 😊.