prevent horizontal scroll on mobile

mainmatter · Sep 29, 2024 · fc1c3c5 · fc1c3c5
1 parent 446685c
commit fc1c3c5
Showing 1 changed file with 6 additions and 6 deletions.
diff --git a/sass/components/_speakers.scss b/sass/components/_speakers.scss
@@ -58,8 +58,8 @@
     position: absolute;
     top: 0;
     left: 0;
-    width: 100%;
-    height: 100%;
+    width: calc(100% - 1.5rem);
+    height: calc(100% - 1.5rem);
     border: 2px solid var(--white);
     transform: translate(1.5rem, -1.5rem);
     z-index: -1;
@@ -69,17 +69,17 @@
     position: absolute;
     top: 0;
     left: 0;
-    width: 100%;
-    height: 100%;
+    width: calc(100% - 1.5rem);
+    height: calc(100% - 1.5rem);
     opacity: 0.7;
     background-image: linear-gradient(65deg, #59decb 0%, #3b63e7 60%, #de59cc 100%);
     mix-blend-mode: color;
   }
 
   img {
     display: block;
-    width: 100%;
-    height: 100%;
+    width: calc(100% - 1.5rem);
+    height: calc(100% - 1.5rem);
   }
 }