Можно ли сделать адаптивное меню без манипуляции стилями в js?

document.addEventListener("DOMContentLoaded", function() {
      var openMenu = document.querySelector(".header__menu-btn.btn--burger");
      var links = document.querySelector(".header__menu-list");
      var bgAdaptiveMenu = document.querySelector('.header__menu_background');

      openMenu.addEventListener("click", () => {
        links.classList.remove('header__menu-list');
        links.classList.add('header__menu-adaptive_active');
        bgAdaptiveMenu.style.display = 'block';
      });
      bgAdaptiveMenu.addEventListener('click', function(event) {
        if (event.target == bgAdaptiveMenu) {
          links.classList.add('header__menu-list');
          links.classList.remove('header__menu-adaptive_active');
          bgAdaptiveMenu.style.display = 'none';
        }
      });
    });