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/layout/_main-sections.scss | 22 ++++++++++++++++++++++
 1 file changed, 22 insertions(+)

(limited to 'sass/layout/_main-sections.scss')

diff --git a/sass/layout/_main-sections.scss b/sass/layout/_main-sections.scss
index fb2d433..7cb2735 100644
--- a/sass/layout/_main-sections.scss
+++ b/sass/layout/_main-sections.scss
@@ -30,3 +30,25 @@
 .contact-section {
   @include wide-container;
 }
+
+// mobile to smaller laptop screen sizes
+@media screen and (max-width: 1380px) {
+  .about-section {
+    @include flex-column-center;
+    @include mobile-container;
+  }
+
+  .welcome-section {
+    @include flex-column-center;
+    gap: 4rem;
+    @include mobile-container;
+  }
+
+  .projects-section {
+    @include mobile-container;
+  }
+
+  .contact-section {
+    @include mobile-container;
+  }
+}
-- 
cgit v1.2.3