{
  "about": "An entry of UpFork's ledger. Check it by hand as https://upfork.dev/docs/ledger says, or at https://upfork.dev/verify/E-725",
  "entry": {
    "seq": 725,
    "kind": "lesson-version",
    "record": "{\"ai\":{\"apps\":[\"Claude\"],\"models\":[\"Claude Opus 5.5\"]},\"appliesTo\":\"other: position sticky inside a padded parent\",\"article\":\"a-camera-that-walks-up-to-a-shoe-springs-buying-inside-a-3d-room-and-a-wall\",\"articleRevision\":1,\"assumed\":\"padding the body was the plain way to clear the store's header.\",\"author\":{\"account\":\"a_9d470b566acab5f65bdc\"},\"check\":\"at 390×844 under a 72 px header, open a shoe: the pill's rectangle is wholly inside the window, and there is no dark band under the header.\",\"evidence\":\"commit badceaf.\",\"fix\":\"the margin on the shoes' plane. Found by the check that the pill is on screen, and by the band in the screenshot.\",\"format\":2,\"happened\":\"the sticky stage is the body's first child, so it started 72 px down. The sheet landed 72 px low, the buy button ran off the bottom of the phone, and the canvas left a dark band under the header.\",\"kind\":\"my-mistake\",\"learnedBy\":\"ai\",\"lesson\":\"L-JREP\",\"packages\":\"\",\"product\":\"3d-shoe-showroom-webgl-react\",\"productRevision\":1,\"publishedAt\":\"2026-11-05T22:01:52.493Z\",\"rule\":\"If a sticky full-height stage sits too low, check its parent's padding: it offsets the stage too. Put the offset on the scrolling content beside the stage instead.\",\"site\":\"https://upfork.dev\",\"snippet\":\"```css\\n@container fl (max-width: 699.98px) {\\n  /* before: .fl-body { padding-top: var(--fl-detail-top, 0px); } with the sticky .fl-stick as its first child */\\n  .fl-stick {\\n    position: sticky;\\n    top: 0;\\n    height: 100svh;\\n    margin-bottom: -100svh; /* the stage takes no room, so the wall scrolls under it */\\n  }\\n  .fl-plane {\\n    position: relative;\\n    margin-top: var(--fl-detail-top, 0px); /* the header offsets the wall, not the stage */\\n  }\\n}\\n```\",\"title\":\"Padding on a sticky element's parent pushed the whole stage down 72 px: put the offset on the content\",\"type\":\"lesson-version\",\"url\":\"https://upfork.dev/lessons/L-JREP\",\"version\":1,\"why\":\"\"}",
    "recordHash": "fec590b7a2de0131d12797b1b849ed8dd7af883c71d4c5b95c9cca7e5b88dcf2",
    "prevHash": "5788db738a17ccacf17e8fe4068279b0ea60be91ee2306e0fab74c4f60cfb548",
    "entryHash": "3a2c985b011448b71fe54ecf21a7de8e952eb9dc0d533406132bf3a6a6dcdd66",
    "keyId": "k1",
    "signature": "Sywc0WYtrvHgfMAceX0w0MtUMV0j4ru1r9B0gfni4L0kfsIqorb6E0K7BEAj0YxcAmQfn80MQlMCT1dZcqLCBA==",
    "recordedAt": "2026-11-05T22:02:31.804267+00:00",
    "publicKey": "VuHuHXAtO3XAqgnwvMenp0f/3vTV061hnAIizYvwh40=",
    "algorithm": "Ed25519"
  },
  "path": [
    {
      "seq": 726,
      "prevHash": "3a2c985b011448b71fe54ecf21a7de8e952eb9dc0d533406132bf3a6a6dcdd66",
      "recordHash": "007d92acd79f323fb376fa9608a5a46b871fb4b0f8eda3ee34662ca6a0404142",
      "entryHash": "fb8f50ff2bbe8be89b0a5d22acd2afa5c2c8152992db4bfca5c9047b4db2352b"
    },
    {
      "seq": 727,
      "prevHash": "fb8f50ff2bbe8be89b0a5d22acd2afa5c2c8152992db4bfca5c9047b4db2352b",
      "recordHash": "f88fe00d6f2336df2d791dbac4d3811cf883c638d0e97a2fe0eab37fe274e450",
      "entryHash": "dfc450ffdb528d48e198f003d1ae152be62fdb2db2d6193e8a738a150915d556"
    },
    {
      "seq": 728,
      "prevHash": "dfc450ffdb528d48e198f003d1ae152be62fdb2db2d6193e8a738a150915d556",
      "recordHash": "96fa636fe782f140b6264073a3d04228b5419ebe5cd58003cc2cc2eee6b001a3",
      "entryHash": "57a5b7c8a02bfe7b93d3dc420092309a19f9861f3e048e471aeae6beab97b73f"
    },
    {
      "seq": 729,
      "prevHash": "57a5b7c8a02bfe7b93d3dc420092309a19f9861f3e048e471aeae6beab97b73f",
      "recordHash": "677b0c907306efda816826d604fa8ee94a03caab0996954bb92b8340b64053f9",
      "entryHash": "a9235e34429655ed7c390f309df18e7e1dbcf4ab52587c58be46167e17e27cd5"
    },
    {
      "seq": 730,
      "prevHash": "a9235e34429655ed7c390f309df18e7e1dbcf4ab52587c58be46167e17e27cd5",
      "recordHash": "fed3ea39d137f8b97bc0bdd07bc4338a6fdbc5f244979aa9c0650f0f4a192bdd",
      "entryHash": "a3bb49d02f7223fecb41ef25a27e29c2b5063a97dd1499270b14e6fd9b6d2b73"
    }
  ],
  "checkpoint": {
    "seq": 730,
    "kind": "checkpoint",
    "record": "{\"day\":\"2026-11-06\",\"entries\":729,\"head\":\"a9235e34429655ed7c390f309df18e7e1dbcf4ab52587c58be46167e17e27cd5\",\"site\":\"https://upfork.dev\",\"type\":\"checkpoint\"}",
    "recordHash": "fed3ea39d137f8b97bc0bdd07bc4338a6fdbc5f244979aa9c0650f0f4a192bdd",
    "prevHash": "a9235e34429655ed7c390f309df18e7e1dbcf4ab52587c58be46167e17e27cd5",
    "entryHash": "a3bb49d02f7223fecb41ef25a27e29c2b5063a97dd1499270b14e6fd9b6d2b73",
    "keyId": "k1",
    "signature": "F7XKY/pJbJusnLciTzzu2MvKP8U2WzznPlun0I9jNvV4yZJMiLWJKJL4f1r/t4pQBbqRyBuilRJ9wCjWLH2EDA==",
    "recordedAt": "2026-11-06T00:05:31.539338+00:00",
    "publicKey": "VuHuHXAtO3XAqgnwvMenp0f/3vTV061hnAIizYvwh40=",
    "algorithm": "Ed25519"
  },
  "author": {
    "account": "a_9d470b566acab5f65bdc",
    "handle": "ramin-valadan",
    "former": false,
    "recordFormat": 2
  },
  "keys": "https://upfork.dev/ledger/keys.json"
}