JSFiddle - React, Tailwind, and code Playground

HTML

<div id="size5">🐶</div>
<div id="size6">🐶</div>
<div id="size7">🐶</div>

CSS

body, html {
    text-align: center;
    height: 100%;
}

#size1 {
    font-size: 10px;
}
#size2 {
    font-size: 50px;
}
#size3 {
    font-size: 100px;
}
#size4 {
    font-size: 150px;
}
#size5 {
    font-size: 200px;
}
#size6 {
    font-size: 256px;
}
#size7 {
    font-size: 257px;
}