JSFiddle - React, Tailwind, and code Playground

by dievardump

HTML

<h1>
Test h1
</h1>

<h2>
test h2
</h2>

<h3>
test h3
</h3>

CSS

:root {
  --font-nm: 1rem;
  --font-md: 1.5rem;
  --font-xl: 2rem;
  --font-2xl: 3rem;
}


html {
  font-size: clamp(13px, 2vw, 16px);
}


h1 {
  font-size: var(--font-2xl);
}

h2 {
  font-size: var(--font-xl);
}

h3 {
  font-size: var(--font-md);
}