All solutions

I create this simple project to practice CSS Grid and BEM Naming Convention. Can you check my codes? I'd like to know if BEM I used is correct. You can give me a suggestion about BEM or about my overall codes and output. Thank you <3

**This is the solution I came up so that everytime I resize my browser, the active toggle is reset: **

        let currentWidth = window.innerWidth;

        if (currentWidth > widthLimit ) {
            close.style.display = 'none';
            open.style.display = 'none';
        } else if (open.style.display == 'none' && close.style.display == 'none' && currentWidth <= widthLimit) {
            open.style.display = 'block';
            location.reload();
        }```

The `location.reload();` is reset the browser when specific condition met.

**Is there any other solution on how to hide the *active toggle* when I'm resizing my browser and hide/show the *menu-buttons* ?