sunnySide landing page using Flexbox, Grid and Javascript

A great challenge. A little tough to get everything in the right place. If anyone can check the quality of the code, especially the CSS file, I think at some point it can be difficult to be understood, any hints in how to more helpfully to name the CSS classes? Second would be regarding the Js. I have tried to make the links from the modal nav (mobile devices) as when you click on a link, the modal to be display none. But it takes the value display: none also when it is it desktop width. if(deviceWidth <= "550") { link.addEventListener('click', () => { modal.style.display = "none"; }); } I have tried to use this one, it works only ones. if you are in mobile width and click on the link, it goes display:none, but when you resize the window to be bigger than 550px the nav is still display: none, unless you refresh the page. How to check if the width is >=550px the nav to be displayed again? Thank you