Hey, i think your code was not as efficient as i had expected, the way js works is that it queries all classes with the class name provided and uses the first element of that query to apply changes specified and the rest of the elements aint gonna get the changes applied to the them. e.g document.querySelector("#editCancel"); this code aint gonna work for all elements individually - > editCancel.addEventListener('click',function(){ editPop.classList.remove('grid'); closeIcon.classList.remove("grid"); hamIcon.classList.remove("hide"); });
It will only select the first element of document.querySelector("#editCancel"); and apply this, the rest of the elements will never get this applied