Here is a sample page showing some basic use cases for the proposed pseudo class :where(). Try resizing the browser window and the text area to see how the various elements respond. Note, no media queries were used to make this page, it all uses the javascript shim for the :where() pseudo class.

These buttons control the padding on the body, this demonstrates resizing that cannot be captured by media-queries.