Update 14-added-local.js

src/js/14-added-local.js

@@ -55,9 +55,6 @@ export function renderFavorite() {
   }
 }
 
-/**
- * Favorites section. Scroll apearence and width control in a desktop breakpoint so that the shadow of a single card fits into the card-list container.
- */
 document.addEventListener('DOMContentLoaded', () => {
   const listContainer = document.querySelector('.favorites__list');
   const listItemSelector = '.fav-filters__item-card';
@@ -82,23 +79,19 @@ document.addEventListener('DOMContentLoaded', () => {
     }
   };
 
-  // A function for checking the break point and applying styles
   const applyStyles = () => {
     const screenWidth =
       window.innerWidth || document.documentElement.clientWidth;
     if (screenWidth >= 1440) {
       checkWidth();
     } else {
-      // For smaller screens, reset the established styles
       listContainer.style.width = 'auto';
     }
   };
 
-  // We call both functions when the page is loaded
   checkScroll();
   applyStyles();
 
-  // We set up mutation observers to track changes inside the container
   const observerScroll = new MutationObserver(mutations => {
     checkScroll();
   });
@@ -109,6 +102,5 @@ document.addEventListener('DOMContentLoaded', () => {
   });
   observerWidth.observe(listContainer, { childList: true, subtree: true });
 
-  // We add a window size change listener to update styles when the width is changed
   window.addEventListener('resize', applyStyles);
 });