Fix responsive issues globally

src/style/pages/_explore.scss

@@ -1,3 +1,10 @@
 // Explore Page
-// .explore {
-// }
+:global(.explore) {
+    overflow: hidden;
+
+    &__locations {
+        @include bp (sm, max) {
+            margin-top: 72px;
+        }
+    }
+}

src/style/pages/_photos.scss

@@ -79,6 +79,14 @@
             }
         }
 
+        // Container
+        .container {
+            @include bp (sm, max) {
+                padding-left: 0;
+                padding-right: 0;
+            }
+        }
+
         // Modules
         :global(.grid-modules) {
             grid-column: span var(--columns);
@@ -490,6 +498,8 @@
     // See More Photos
     :global(.button) {
         grid-column: span var(--columns);
+        padding-left: 24px;
+        padding-right: 24px;
         grid-row: 1;
         margin: 0 auto;
 
@@ -506,6 +516,8 @@
         grid-column: span var(--columns);
         grid-row: 3;
         text-align: center;
+        display: flex;
+        align-items: baseline;
         color: rgba($color-text, 0.3);
         font-family: $font-serif;
         font-size: rem(64px);
@@ -525,7 +537,6 @@
 
         span {
             display: inline-block;
-            margin: 0 -6px;
 
             &:last-child {
                 margin-right: 0;

src/style/pages/shop/_posters.scss

@@ -2,6 +2,7 @@
 ** Shop: Posters
 */
 .shop-page__posters {
+    overflow: hidden;
     padding: clamp(56px, 10vw, 120px) 20px 72px;
     background: $color-primary-darker;
     border-bottom: solid 1px $color-primary-tertiary20 ;