instead of relying on global viewport widths for every component, try using
container-type: inline-size
to let elements respond to their immediate parent. it makes
reusable components much more predictable when moving them btwn different layout sections. >
it basically turns your components into tiny, self-contained responsive ecosystems