Hi tomjones2013. Welcome to the forums.
That list at CSS tricks is a handy one, but normally you'd only use a few of them at a time.
Strictly speaking, you don't really need @media rules for your pages to be responsive, because you can set a fluid width on your content. Generally, though, you want more control over the layout of the page at different sizes, which is where @media rules come in handy. If you narrow your browser down and want to change the layout at a particular point, then write an @media rule for that screen size. There's no need to target specific devices, and it's too hard, anyway, as there are lots and lots of them.