JSFiddle - React, Tailwind, and code Playground

by Poyu Chen

HTML

mozilla taiwan!!

CSS

@media all and (min-width: 768px) and (max-width: 1280px) {
    body{
      font-size:16px;
    }
}
@media all and (min-width: 480px) and (max-width: 768px) {
    body{
      font-size:22px;
    }
}
@media all and (min-width: 320px) and (max-width: 480px) {
    body{
      font-size:28px;
    }
}

@media all and (max-width: 320px) {
    body{
      font-size:32px;
    }
}