First, a quick primer, which probably consists of information that most of you already know.
So, you want to write an article with cool CSS, and you want to make it work nicely when it's displayed on the tiny screen on your smartphone. Tricky! However, with media queries it becomes pretty easy. By writing
.text { color: blue; }
Media (https://www.deviantart.com/media) only screen and (max-width:480px) {
.text { color: red; }
}
...suddenly you have blue text at normal resolutions, and red text on a smartphone. Or on a browser which has been resized down to be really narrow.
In fact, try it out on this article! If you resize your window right now to make it narrower, it