From 0a341c08423151cf2bc3d2ce8cb7192026cf4935 Mon Sep 17 00:00:00 2001
From: Arne Rief <arne.rief@gmail.com>
Date: Sat, 11 Feb 2023 19:55:41 +0100
Subject: Responsive design

---
 sass/components/_contact-form.scss | 19 +++++++++++++++++++
 1 file changed, 19 insertions(+)

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

diff --git a/sass/components/_contact-form.scss b/sass/components/_contact-form.scss
index a2a9c40..87b79c1 100644
--- a/sass/components/_contact-form.scss
+++ b/sass/components/_contact-form.scss
@@ -38,3 +38,22 @@
     }
   }
 }
+
+// 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 {
+    @include flex-column-center;
+    width: 100%;
+
+    & div {
+      width: 100%;
+    }
+  }
+}
-- 
cgit v1.2.3