Which one should you use? justify/align-content, items or self?

When I was first learning about flexbox, grid and all the different properties I could use to position elements I was definitely confused. I've written a summary below to clear up some misunderstandings for myself and hopefully you'll find it helpful...