# Files changed · PR \#44 · screen/col

[View on GitCafe](https://git.cafe/screen/col/pull/44/diffs)

Repository: [screen/col](https://git.cafe/screen/col)

Visibility: public

[Snap the homepage to each section](https://git.cafe/screen/col/pull/44.md)

Version: 0

Head commit: 8a321bfeeeabf55348d0645a38a646e8a1fa155c

Base commit: 40496883fbe16abefedd538bda83fe9cf260a83e

Comparison base: 40496883fbe16abefedd538bda83fe9cf260a83e

Showing up to 20 entries from this revision. If the pull request changes, reopen the first page before continuing.

## components/HomePage.module.css

Status: modified; +2; −1

```diff
@@ -211,9 +211,10 @@
  * tall per scene; HomeStory marks each scene past, current or next, and only the current one shows.
  */
 @media (min-width: 1280px) and (min-height: 800px) and (prefers-reduced-motion: no-preference) {
+  :global(.app-frame-panel):has(.story) { scroll-snap-type: y mandatory; }
   .story { height: calc(var(--scenes) * var(--hero-height)); }
   .stage { position: sticky; top: 0; height: var(--hero-height); overflow: hidden; }
+  .marker { display: block; position: absolute; top: calc(var(--index) * var(--hero-height)); left: 0; width: 1px; height: var(--hero-height); pointer-events: none; scroll-snap-align: start; scroll-snap-stop: always; }
-  .marker { display: block; position: absolute; top: calc(var(--index) * var(--hero-height)); left: 0; width: 1px; height: var(--hero-height); pointer-events: none; }
   .scene { position: absolute; inset: 0; display: flex; flex-direction: column; justify-content: center; padding: 40px var(--gutter) 0; opacity: 0; translate: 0 40px; transition: opacity .45s ease, translate .7s var(--ease-out); }
   .scene[data-scene-index="0"] { display: grid; min-height: 0; padding-block: 96px; }
   .scene[data-position="past"] { translate: 0 -40px; }
```