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
A small stats dashboard where each card changes its internal layout once it gets enough container width.
.layout__item {
container: stats / inline-size;
}
@container stats (inline-size > 300px) {
.stats-item {
display: flex;
}
}405
405
52
5
#0101