Responsive text using "clamp"

Design help Custom code
14

Maybe using an embed with this code:

<style>
body {
	font-size: 18px;
  font-size: clamp(16px, 2.5vmin, 18px);
}
h1 {
	font-size: 2.5rem;
  font-size: clamp(1.75rem, 5vmin, 2.5rem);
}
h2 {
	font-size: 2rem;
  font-size: clamp(1.5rem, 4vmin, 2rem);
}
h3 {
	font-size: 1.75rem;
  font-size: clamp(1.2rem, 3.5vmin, 1.75rem);
}
h4 {
	font-size: 1.5rem;
  font-size: clamp(1.1rem, 3vmin, 1.5rem);
}
h5 {
	font-size: 1.2rem;
  font-size: clamp(1rem, 2.5vmin, 1.2rem);
}
</style>

Here an example: fluid typography
See on mobile

1 Like