Unfortunately, the container units are not supported by the polyfill, so these demos will only work in Chrome Canary.
-
Dolor sit amet
Lorem ipsum dolor, sit amet consectetur adipisicing elit.
-
Dolor sit amet
Lorem ipsum dolor, sit amet consectetur adipisicing elit.
-
Dolor sit amet
Lorem ipsum dolor, sit amet consectetur adipisicing elit.
.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);
}