馃搶 C贸mo hacer que una columna se quede fija hasta igualar a otra: posici贸n Sticky con flexbox

Este hilo de Stack Overflow me daba la soluci贸n, pero me cost贸 dar con la clave, que est谩 en los comentarios. En resumen:

  1. Establece position: sticky y top: 0 elemento hijo.
  2. Establece al elemento hijo (o sea, las columnas), align-self: flex-start para que no ocupen todo el alto (si no, no habr谩 nada que scrollear.
  3. Revisa que no haya ning煤n elemento ascendiente con overflow: hidden.

Since flex box elements default to stretch, all the elements are the same height, which can鈥檛 be scrolled against. Adding align-self: flex-start to the sticky element set the height to auto, which allowed scrolling, and fixed it.

Origen: css 鈥 My position: sticky element isn鈥檛 sticky when using flexbox 鈥 Stack Overflow