Responsive landing page HTLM, SCSS, VANILLA JS, GRID, MOBILE FIRST

All feedback is welcomed 😊 I want to improve this function

outsideDivClose() : if the mobile menu is open, close mobile menu when clicked outside element

⚠Issue: when clicked on header section the mobile menu remains

-attempt1: addEventListener to 'container' but mobile menu will be included

-attempt2: addEventListener to document but mobile menu will be included

-attempt3: addEventListener to 'main' but top header is not included

//CODE

const main  = document.querySelector("main");

// CLICK OUT OF NAV/ CLOSE NAV
const outsideDivClose = function(){
    if(nav.classList.contains('active')){
        nav.classList.remove('active')
    }
}

main.addEventListener('click', outsideDivClose);