From 7322bbc20e1c2b909d4b98ba402f0cf5844de414 Mon Sep 17 00:00:00 2001
From: Mathias Wagner <germannewsmaker@gmail.com>
Date: Mon, 1 Jan 2024 12:32:08 +0100
Subject: [PATCH] Added mobile optimization to the DesignItem styles.sass

---
 .../components/DesignItem/styles.sass             | 15 ++++++++++++++-
 1 file changed, 14 insertions(+), 1 deletion(-)

diff --git a/src/states/Manage/pages/ManageChannel/components/DesignItem/styles.sass b/src/states/Manage/pages/ManageChannel/components/DesignItem/styles.sass
index f5f536a..fc5602a 100644
--- a/src/states/Manage/pages/ManageChannel/components/DesignItem/styles.sass
+++ b/src/states/Manage/pages/ManageChannel/components/DesignItem/styles.sass
@@ -7,6 +7,7 @@
   padding: 1.2rem 2rem
   display: flex
   justify-content: space-between
+  align-items: center
   gap: 7rem
   cursor: pointer
   user-select: none
@@ -57,4 +58,16 @@
     font-size: 1.5rem
 
 .design-item img
-  height: 10rem
\ No newline at end of file
+  height: 9rem
+
+@media screen and (max-width: 1024px)
+  .design-item img
+    height: 6rem
+
+@media screene and (max-width: 768px)
+  .design-container .design-item
+    padding: 1rem 1.5rem
+    gap: 3rem
+
+  .design-item img
+    height: 5rem
\ No newline at end of file