I’ve found that a significant number of media queries can be replaced by fluid rules instead. E.g. instead of setting padding and full width on a container for mobile and a fixed width on desktop, do this for all breakpoints

  width: min(calc(100wv - 2rem), 80rem)

Instead of resizing text for different breakpoints, use

  font-size: clamp(2rem, 4vw + 1rem, 3rem);

etc. No media queries needed. I also find it easier to reason about since you don’t have different rules applying in different circumstances.