From 11f8629251a63f3a3260b9ed28277ed312abd136 Mon Sep 17 00:00:00 2001
From: Arne Rief <arne.rief@gmail.com>
Date: Mon, 20 Feb 2023 10:04:10 +0100
Subject: Small media query adjustments

---
 sass/components/_screenshot-container.scss | 12 +++++-------
 1 file changed, 5 insertions(+), 7 deletions(-)

(limited to 'sass/components/_screenshot-container.scss')

diff --git a/sass/components/_screenshot-container.scss b/sass/components/_screenshot-container.scss
index f3fdf0b..beaa0cd 100644
--- a/sass/components/_screenshot-container.scss
+++ b/sass/components/_screenshot-container.scss
@@ -8,15 +8,13 @@
   width: 40%;
   transition: transform 0.6s ease;
 
+  // mobile to smaller laptop screen sizes
+  @include responsive(laptop) {
+    width: 80%;
+  }
+
   &:hover {
     transform: scale(1.2);
     z-index: 100;
   }
 }
-
-// mobile to smaller laptop screen sizes
-@media screen and (max-width: 1380px) {
-  .project-screenshot {
-    width: 80%;
-  }
-}
-- 
cgit v1.2.3