JSFiddle - React, Tailwind, and code Playground

by codeplug

HTML

resize window

CSS

html {
    font-size: 62.5%;
}

body {
    font-size: 8em;
}

@media (max-width: 300px) {
    html {
        font-size: 70%;
    }
}

@media (min-width: 500px) {
    html {
        font-size: 80%;
    }
}

@media (min-width: 700px) {
    html {
        font-size: 120%;
    }
}

@media (min-width: 1200px) {
    html {
        font-size: 200%;
    }
}