JSFiddle - React, Tailwind, and code Playground

by mnk

HTML

<div>test</div>
<div id="container">test</div>

CSS

* {
  font-size: 10px;
}

#container {
  font-size: 1.6rem;
}

.smaller {
  font-size: 1.2rem !important;
}

JavaScript

const container = document.getElementById('container');

document.addEventListener('click', (e) => {

	container.classList.toggle('smaller');
}, false);