From 64a061137ad394c4c361d38741fadf3af628882e Mon Sep 17 00:00:00 2001
From: Karan-Semwal <kar9205an@gmail.com>
Date: Sun, 12 May 2024 12:06:30 +0530
Subject: [PATCH] Making layout responsive

---
 frontend/src/App.css | 20 ++++++++++++++++++--
 1 file changed, 18 insertions(+), 2 deletions(-)

diff --git a/frontend/src/App.css b/frontend/src/App.css
index d7786b5..45836b1 100644
--- a/frontend/src/App.css
+++ b/frontend/src/App.css
@@ -435,14 +435,30 @@ background-color: #5773ff;
 }
 
 
-@media(max-width: 768px) {
+@media(max-width: 1072px) {
   .ui {
-    display: flex;
+    width: 100vw;
+    padding: 5vh 4vw;
     flex-direction: column;
   }
+
+  .player {
+    border-bottom-left-radius: 0px;
+    border-top-right-radius: 15px;
+  }
+
+  .imgBx img {
+    min-width: 300px;
+  }
+
+  .search-box {
+    border-bottom-left-radius: 15px;
+    border-top-right-radius: 0px;
+  }
   
   .player, .search-box {
     height: 600px;
     width: 40vh;
+    width: 100%;
   }
 }