Q: How do I make a horizontal scroller? — Nakshora 1.0

How do I make a horizontal scroller? — answered for Nakshora 1.0 with working markup and the reasoning behind it.

Question: *How do I make a horizontal scroller?*

Answer#

flex + overflow-x-auto + shrink-0 items; add snap-x for magnetism. undefined

html

<div class="flex gap-4 overflow-x-auto snap-x"><div class="w-72 shrink-0 snap-center">slide</div></div>

Tip. This answer targets Nakshora 1.0. The same question is answered version-appropriately in every other release — use the version switcher.