.scroll-container {
display: flex;
overflow-x: auto;
scroll-snap-type: x mandatory;
-webkit-overflow-scrolling: touch;
gap: 16px;
cursor: grab;
padding: 20px;
}
.scroll-container:active {
cursor: grabbing;
}
.scroll-item {
flex: 0 0 auto;
scroll-snap-align: start;
width: 300px;
height: 200px;
background-color: #eee;
border-radius: 12px;
display: flex;
align-items: center;
justify-content: center;
font-weight: bold;
font-size: 1.2rem;
}
