demo-container { display: block; border: 2px solid rgb(189, 189, 189); padding: 25px 10px 10px; border-radius: 4px; width: fit-content; height: fit-content; }
demo-frame { height: 100%; text-align: center; display: flex; align-items: center; justify-content: center; }
scrol-ler { text-align: left; height: 250px; width: 270px; overflow-y: scroll; display: flex; flex-direction: column; box-sizing: border-box; border: 1px solid black; scroll-snap-type: y mandatory; }
scrol-ler > inner-flex { flex: 0 0 250px; width: 250px; background-color: rebeccapurple; color: white; font-size: 30px; display: flex; align-items: center; justify-content: center; scroll-snap-align: end; }
scrol-ler > inner-flex:nth-child(2n) { background-color: white; color: rebeccapurple; }
.element {scroll-margin-bottom: 20px;}