Fluid Typography

Unfortunately, the container units are not supported by the polyfill, so these demos will only work in Chrome Canary.

.card-list li {
container-type: inline-size;
}

.card--fluid {
font-size: clamp(0.9rem, 4qi, 1.25rem);
}

.card--fluid h3 {
font-size: clamp(1.35rem, 5qi, 2rem);
}