Build a Stylized To-do List

I used a negative margin → margin-left : -40px; to move the ul to the left as in the fcc image .
Want to know if it’s the right way and is there a better way ?



a better way to do what?

The second image is without the negative margin .
The final one is with the negative margin .
I feel like I am using a shortcut to achieve the desired result , wanted to know if there are other (better) ways to achieve the result .