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: 250px; overflow-y: auto; display: flex; flex-direction: row; box-sizing: border-box; border: 1px solid black; scroll-snap-type: x mandatory; }
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: start; }
inner-flex:nth-child(2n) { background-color: white; color: rebeccapurple; }
.element { scroll-margin-inline-start: 20px; }