I'm tired of using media queries to fix padding on nested cards when the parent container is what actually changes size. Using @container is much more
predictable once you set up a wrapper with a specific size.
.card-wrapper {container-type: inline-size;}@container (max-width: 400px) {.card {padding: 10px;}}