Имитация медиа-запросов для конкретного элемента (Element Queries)

const mq = {
  sm: 200,
  md: 400,
  lg: 600
};
 
const element = document.getElementById("wrap");
const resizeObserver = new ResizeObserver((entries) => {
  for (const entry of entries) {
    processingMq(entry.contentRect.width);
  }
});
 
resizeObserver.observe(element);
 
const processingMq = function (w) {
  switch (true) {
    case w < mq.sm:
      element.dataset.mq = "xs";
      break;
    case w < mq.md:
      element.dataset.mq = "sm";
      break;
    case w < mq.lg:
      element.dataset.mq = "md";
      break;
    case w >= mq.lg:
      element.dataset.mq = "lg";
      break;
    default:
      element.dataset.mq = "";
  }
};