From 5a8984df304de0960e99b77bf5e8757a318c7233 Mon Sep 17 00:00:00 2001 From: Long Xiong <1127186062@qq.com> Date: Tue, 11 Jan 2022 16:03:35 +0800 Subject: [PATCH 1/2] Delete container 's width The container 'horizontal-snap' will overflow on mobile phone. --- snippets/horizontal-scroll-snap.md | 1 - 1 file changed, 1 deletion(-) diff --git a/snippets/horizontal-scroll-snap.md b/snippets/horizontal-scroll-snap.md index 8b7e62b69..8432a4098 100644 --- a/snippets/horizontal-scroll-snap.md +++ b/snippets/horizontal-scroll-snap.md @@ -33,7 +33,6 @@ Creates a horizontally scrollable container that will snap on elements when scro gap: 1rem; height: calc(180px + 1rem); padding: 1rem; - width: 480px; overflow-y: auto; overscroll-behavior-x: contain; scroll-snap-type: x mandatory; From c9dc9b526072239e2a630f1527315426c6daeaa3 Mon Sep 17 00:00:00 2001 From: 30 seconds bot <35068020+30secondsofcode@users.noreply.github.com> Date: Thu, 31 Mar 2022 13:19:35 +0300 Subject: [PATCH 2/2] Update horizontal-scroll-snap.md --- snippets/horizontal-scroll-snap.md | 1 + 1 file changed, 1 insertion(+) diff --git a/snippets/horizontal-scroll-snap.md b/snippets/horizontal-scroll-snap.md index 8432a4098..f186c3b72 100644 --- a/snippets/horizontal-scroll-snap.md +++ b/snippets/horizontal-scroll-snap.md @@ -33,6 +33,7 @@ Creates a horizontally scrollable container that will snap on elements when scro gap: 1rem; height: calc(180px + 1rem); padding: 1rem; + max-width: 480px; overflow-y: auto; overscroll-behavior-x: contain; scroll-snap-type: x mandatory;