fix arrow button posistioning

The-Never-Ending-Story · Sep 22, 2023 · ef541b2 · ef541b2
1 parent 1506526
commit ef541b2
Showing 1 changed file with 13 additions and 0 deletions.
diff --git a/src/Components/Detail/Details.css b/src/Components/Detail/Details.css
@@ -2,6 +2,7 @@
   padding: 20px;
   display: flex;
   justify-content: center;
+  position: relative;
 }
 
 .single-det-wrapper h2,
@@ -106,4 +107,16 @@
   .single-det-img {
     max-width: 90vw;
   }
+
+  .details-prev {
+    bottom: 0;
+    left: 30%;
+    transform: translateY(300%);
+  }
+
+  .details-next {
+    bottom: 0;
+    right: 30%;
+    transform: translateY(300%);
+  }
 }