CSS Container Queries: Responsive Components, Not Just Pages
Media queries respond to the viewport. But a card might sit in a wide main column on one page and a narrow sidebar on another. Container queries let the card respond to the width of its container instead. 1. Declare a container .card-wrapper { container-type:...