πŸ› οΈToolsShed

Scroll Snap Generator

Generate CSS scroll-snap container and child properties with live preview and copy-ready code.

Item 1
Item 2
Item 3
Item 4
Item 5
.scroll-container {
  display: flex;
  flex-direction: row;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  scroll-padding: 0px;
  gap: 1rem;
}

.scroll-item {
  scroll-snap-align: start;
  scroll-margin: 0px;
  flex-shrink: 0;
}

Frequently Asked Questions

Comments & Feedback

Comments are powered by Giscus. Sign in with GitHub to leave a comment.