Todo App

The hover effect where it shows a linear gradient border on the checkbox was a challenge. It worked on an isolated codepen that i did, but then on the final project i realized that a negative z-index does work when it is in a model box. BTW i used ::before on input tag, so i had to remove it all together. Any suggestions on how to achieve it. Also this is my first time trying the drag and drop to reorder so any suggestions to make my code better is gladly welcome.