Determine which media query breakpoint you're on

whichquery.css

body::before {
  content: "< 480px"; }

@media only screen and (min-width: 480px) {
  body::before {
    content: "480px < 600px"; } }
@media only screen and (min-width: 600px) {
  body::before {
    content: "600px < 768px"; } }
@media only screen and (min-width: 768px) {
  body::before {
    content: "768px < 992px"; } }
@media only screen and (min-width: 992px) {
  body::before {
    content: "992px < 1382px"; } }
@media only screen and (min-width: 1382px) {
  body::before {
    content: "1382px <"; } }