responsive design - Can CSS media queries refer to the container width? -

responsive design - Can CSS media queries refer to the container width? -

i develop javascript interactives publication has 325px left navigation rail on desktop gets hidden if width of page goes below 800px.

this means space content on right, interactives go, accordions in width so:

above 800px total page width, content (width - 325px). not counting margins, gets downwards 380px before breakpoint activates.

below 800px, content gets whole width of page.

i utilize basic min-width , max-width css media queries rule page's behavior different screen-sizes. care width of interactive, , prefer not have hard code in breakpoints written cms (which alter without notice.)

is there way @media (max-width: 600px) refer container's width, not width of page?

css responsive-design media-queries