You clicked 0 times. The light is broken!
You clicked 0 times. The light is broken!
You clicked 0 times. The light is broken!
Container queries
Supported in Edge: yes.
Supported in Firefox: yes.
Supported in Safari: yes.
This feature is well established and works across many devices and browser versions. It’s been available across browsers since February 2023
An interesting way of changing the design of a download card based on the available space.
.download-wrapper {
container: download / inline-size;
}
@container download (max-width: 219px) {
.c-download {
aspect-ratio: 1 / 1;
}
}