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/_contact-form.scss | 12 +++++-------
 1 file changed, 5 insertions(+), 7 deletions(-)

(limited to 'sass/components/_contact-form.scss')

diff --git a/sass/components/_contact-form.scss b/sass/components/_contact-form.scss
index 87b79c1..1195ab7 100644
--- a/sass/components/_contact-form.scss
+++ b/sass/components/_contact-form.scss
@@ -5,6 +5,11 @@
   gap: 2rem;
   width: 50%;
 
+  // larger tablet to smaller laptop screen size
+  @include responsive(laptop) {
+    width: 100%;
+  }
+
   // container for each label & input
   div {
     display: flex;
@@ -39,13 +44,6 @@
   }
 }
 
-// larger tablet to smaller laptop screen size
-@media screen and (max-width: 1380px) {
-  .messenger-form {
-    width: 100%;
-  }
-}
-
 // mobile to smaller tablet screen sizes
 @media screen and (max-width: 820px) {
   .messenger-form {
-- 
cgit v1.2.3