Disallow horizontal scrolling

MTG · Feb 1, 2024 · 5c0df49 · 5c0df49
1 parent a5f413e
commit 5c0df49
Showing 1 changed file with 8 additions and 0 deletions.
diff --git a/freesound/static/bw-frontend/styles/layout/global.scss b/freesound/static/bw-frontend/styles/layout/global.scss
@@ -6,6 +6,10 @@ html {
   background-color: $html-bg;
   scroll-behavior:smooth;
   scroll-padding-top: 110px;
+
+  /* disallow horizontal scrolling */
+  max-width: 100%;
+  overflow-x: hidden;
 }
 
 body {
@@ -18,6 +22,10 @@ body {
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
   font-weight: 400; /* designer sugegsted overall font weight 500, but we're making it 400 as otherwise it felt too heavy */
+
+  /* disallow avoid horizontal scrolling */
+  max-width: 100%;
+  overflow-x: hidden;
 
   @include md-and-above {
     font-size: $base-size;