The position CSS property sets how an element is positioned in a document. The top, right, bottom, and left properties determine the final location of positioned elements.| MDN Web Docs
447 Posts, 122 Following, 841 Followers · Web dev, SvelteJS maintainer, and pianist. ❤️ cats, books, and video game music.| Front-End Social
Head to the Svelte or SvelteKit reference docs,| svelte.dev
The MutationObserver interface provides the ability to watch for changes being made to the DOM tree. It is designed as a replacement for the older Mutation Events feature, which was part of the DOM3 Events specification.| MDN Web Docs
The prefers-reduced-motion media query is used to detect if the user has requested that animation and motion be minimized. Website animation may trigger motion sickness for those with vestibular disorders, and it is important to disable non-essential animations for these users. prefers-reduced-motion is often used in a CSS stylesheet to disable certain animations, though it can also be used to modify animations applied with JavaScript.| Geoff Rich
I had a great time solving the latest challenge from Andy Bell's Front-End Challenges Club! I'm looking forward to see how he implemented it, but here's my solution and some notes on my approach.| Geoff Rich