Estoy confundido por los pasos sobre cómo publicar código en stackoverflow. Mire codepen para ver el código completo:

Código abierto

 const hamburger = document.querySelector(".hamburger"); const navMenu = document.querySelector(".nav-menu"); hamburger.addEventListener("click", () => { hamburger.classList.toggle("active"); navMenu.classList.toggle("active"); }) document.querySelectorAll(".nav-link").forEach(n => n.addEventListener("click", () => { hamburger.classList.remove("active"); navMenu.classList.remove("active"); }))

Lo siento, intento aprender jugando con html, css y javascript desde cero. Me preguntaba cómo construir un menú de hamburguesas desde cero. Busqué algún tutorial en youtube. Copié el código. Se puede hacer clic en el menú de hamburguesas y cambia a una barra de navegación desplegable. Y al hacer clic nuevamente, lo devuelve a un menú de hamburguesas. La herramienta del desarrollador muestra los cambios de la clase hamburguesa a hamburguesa activa y luego vuelve a la clase hamburguesa. Pero cuando agregué el código del contenedor de cuadrícula en la clase de barra de navegación, el menú de hamburguesas ya no responde a los clics. No sé por qué ya no cambia a activo. ¿Puede alguien explicar por favor? Gracias.