<p id="title">My Dynamic title</p>
<p id="static">My Static title</p>
#title {
font-size: clamp( 1.5rem, 5vw ,3.5rem);
background-color: lightblue;
}
#static {
font-size: 3.5rem;
background-color: pink;
}
@media screen and (max-width: 720px) {
#static {
font-size: 1.5rem;
}
}
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.