Below are the @media queries in added in my css file. I got it from [here](https://css-tricks.com/lark-queries/ “css tricks”). I wanted to test it, but it’s not working perfectly. It’s working in the source file, but i changed the **.row h2 span: after{content”;}** to** body:before{content:”;}**, but it’s only this: **@media screen and (max-width:1890px) {
body:before {
content: ‘Scintillating.’}
}** that is showing all through when i compress or expand the window. What could be the problem?
/*@MEDIA QUERIES*/
@media screen and (min-width:1921px) {
body: before {
content: ‘A CSS-TRICKS GUEST AUTHOR!!!’}
}
@media screen and (max-width:1920px) {
body:before {
content: ‘Larger than life.’}
}
@media screen and (max-width:1910px) {
body:before {
content: ‘Unconventional.’}
}
@media screen and (max-width:1900px) {
body: before {
content: ‘Flabbergasting.’}
}
@media screen and (max-width:1890px) {
body:before {
content: ‘Scintillating.’}
}
@media screen and (max-width:1880px) {
body: before {
content: ‘Extraordinary.’}
}
@media screen and (max-width:1870px) {
body: before {
content: ‘Unforgettable.’}
}
@media screen and (max-width:1860px) {
body: before {
content: ‘Unpredictable.’}
}
@media screen and (max-width:1850px) {
body: before {
content: ‘Dumbfounding.’}
}
@media screen and (max-width:1840px) {
body: before {
content: ‘Electrifying.’}
}
@media screen and (max-width:1830px) {
body: before {
content: ‘Overwhelming.’}
}
@media screen and (max-width:1820px) {
body: before {
content: ‘Incomparable.’}
}
@media screen and (max-width:1810px) {
body: before {
content: ‘Entertaining.’}
}
