A container query applies styles based on the size of its container rather than the window. You declare container-type: inline-size on the parent, then use @container. This makes a component truly self-contained and adaptable wherever you place it.
Example
@container (min-width: 30rem) {
.carte { display: flex; }
}