Fromm Rancherosa

// 7. Shrinking Header on Scroll window.addEventListener('scroll', () => { const header = document.querySelector('header'); if (window.scrollY > 50) { header.classList.add('scrolled'); } else { header.classList.remove('scrolled'); } });