Todo app using vanilla js,html and scss

I have used scss and live saas compiler so the css may bit odd refer to my git repo for the scss file.

1.) when the software keyboard shows the background image is squeezed. 2.) Most of my media query value have to be set to important for the mobile design even when I added the media queries in the last they won't overwrite the css above.