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

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

diff --git a/sass/components/_text-container.scss b/sass/components/_text-container.scss
index 0108f94..95d2944 100644
--- a/sass/components/_text-container.scss
+++ b/sass/components/_text-container.scss
@@ -18,3 +18,16 @@
   animation: moveInRight 2s ease-out;
   backface-visibility: hidden;
 }
+
+// mobile to smaller laptop screen sizes
+@media screen and (max-width: 1380px) {
+  .text-container {
+    transform: skewX(0);
+    width: auto;
+  }
+
+  .text-about {
+    animation: moveInRightMobile 2s ease-out;
+    margin-top: 5rem;
+  }
+}
-- 
cgit v1.2.3