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/_project-container.scss | 13 +++++++++++++
 1 file changed, 13 insertions(+)

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

diff --git a/sass/components/_project-container.scss b/sass/components/_project-container.scss
index d6d4e68..ed5fb0d 100644
--- a/sass/components/_project-container.scss
+++ b/sass/components/_project-container.scss
@@ -4,3 +4,16 @@
   @include flex-sp-around-center;
   gap: 2rem;
 }
+
+// mobile to smaller laptop screen sizes
+@media screen and (max-width: 1380px) {
+  .project-container {
+    @include flex-column-center;
+    gap: 5rem;
+  }
+
+  // for second project, otherwise screenshot below text-container
+  .reverse-order {
+    flex-direction: column-reverse;
+  }
+}
-- 
cgit v1.2.3