Create a gist now

Instantly share code, notes, and snippets.

Determine which media query breakpoint you're on
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 <"; } }
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment