Modern CSS

Container queries

Container queries allow components to respond to their own layout constraints instead of viewport assumptions.

CSS code example

@container (min-width: 40rem) {
    .product-card {
        grid-template-columns: 1fr 1fr;
    }
}

Architecture impact