From 4ebaffc0e64a80c30daf2e5e3a9b18cd42827ffc Mon Sep 17 00:00:00 2001
From: Dewansh Nehra <68858069+DewanshNehra@users.noreply.github.com>
Date: Thu, 25 Jan 2024 14:28:30 +0530
Subject: [PATCH] patch responsive for mobile devices

---
 components/experinces.style.jsx | 21 +++++++++++++++++++++
 1 file changed, 21 insertions(+)

diff --git a/components/experinces.style.jsx b/components/experinces.style.jsx
index 74da622..8d31551 100644
--- a/components/experinces.style.jsx
+++ b/components/experinces.style.jsx
@@ -98,4 +98,25 @@ export const ExpStyle = styled.div`
 		flex-direction: column;
 		gap: 3rem;
 	}
+    @media screen and (max-width: 1024px){
+        .company{
+            flex-direction: column;
+            }
+            
+            .company-left{
+                width: 100%;
+            }
+            
+            .company-right{
+            width: 100%;
+            }
+            
+            .company-right .company-exp-short{
+            flex-wrap: wrap;
+            }
+            
+            .tech-list{
+            flex-wrap: wrap;
+            }
+    }
 `;