Grid System should support CSS Container Queries for responsive column sizing

Created by: NateRadebaugh

Prerequisites

• I have searched for duplicate or closed feature requests
• I have read the contributing guidelines

Proposal

CSS Container Queries are becoming widely supported.

• https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Container_Queries
• https://caniuse.com/css-container-queries

Proposal: _breakpoints.scss should be extended to be configurable to use container queries, perhaps defaulting to the body or falling back to media queries where appropriate for backwards compatibility.

Motivation and context

I have pages that can be displayed in either modal or full-page and currently there isn't a good way to wire up this sort of functionality.

Layouts with collapsible side navigation or modal dialogs would benefit from Container Queries instead of using normal Media Queries for responsive widths.