On media queries

how do I test my media query in codepen or any other ids

If your break points are based on view port width (which I’m assuming they are) then you can just resize your browser window width (start with it as narrow as it will go and then gradually widen it). As you widen you should hit all of your break points.

You can also use your browser’s dev tools responsive design mode to change the width.

If this doesn’t quite answer your question just give us a little more detail about what you are trying to test and hopefully that will get you a better answer.