From a314632f6e5329e0d4d197db3d74788161836d8e Mon Sep 17 00:00:00 2001
From: Garima <garimachandra149@gmail.com>
Date: Tue, 18 Jun 2024 14:09:01 +0530
Subject: [PATCH 1/5] Solving issue Feat:container box and text is overriding
 #366

---
 frontend/src/components/Footer.jsx      | 2 +-
 frontend/src/components/Home/Home.jsx   | 6 +++---
 frontend/src/components/MusicPlayer.jsx | 2 +-
 3 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/frontend/src/components/Footer.jsx b/frontend/src/components/Footer.jsx
index bd50e0b3..b6653c12 100644
--- a/frontend/src/components/Footer.jsx
+++ b/frontend/src/components/Footer.jsx
@@ -12,7 +12,7 @@ import { Link } from "react-router-dom";
 const Footer = () => {
   const currentYear = new Date().getFullYear();
   return (
-    <div className="h-[300px] w-full flex flex-col bgfooter sm:h-full">
+    <div className="h-[300px] w-full flex flex-col bgfooter sm:h-full" style={{padding:"66px",marginTop:"13rem"}}>
       {/* //for logo and social links */}
       <div className="sec1  xs:text-[36px]">
         <div>SPRING</div>
diff --git a/frontend/src/components/Home/Home.jsx b/frontend/src/components/Home/Home.jsx
index eb2ad71e..55248d99 100644
--- a/frontend/src/components/Home/Home.jsx
+++ b/frontend/src/components/Home/Home.jsx
@@ -106,7 +106,7 @@ function RecentlyPlayed() {
 
 function Genres() {
   return (
-    <div className="bg-[#18181D] w-full h-full rounded-lg">
+    <div className="bg-[#18181D] w-full h-full rounded-lg" style={{marginTop:"50px"}}>
       <div className="h-full w-full flex flex-col p-2">
         <div className="flex h-[15%] justify-between items-center text-center pl-4 pr-4">
           <h1 className="text-2xl text-white font-medium">Genres</h1>
@@ -174,7 +174,7 @@ function TopChartsElement({ songName, artistName, songDuration }) {
 
 function TopCharts() {
   return (
-    <div className="bg-[#18181D] w-full h-full rounded-lg">
+    <div className="bg-[#18181D] w-full h-full rounded-lg" style={{marginTop:"50px"}}>
       <div className="w-full h-full flex flex-col">
         <div className="flex h-[15%] justify-between items-center text-center p-1 ml-4 mr-4 mt-2">
           <h1 className="text-2xl text-white font-medium">Top Artists</h1>
@@ -207,7 +207,7 @@ function TopArtistElement({ name, playCount }) {
 
 function TopArtists() {
   return (
-    <div className="bg-[#18181D] w-full h-full rounded-lg">
+    <div className="bg-[#18181D] w-full h-full rounded-lg" style={{height:"14rem",padding:"2rem",marginTop:"2rem"}}>
       <div className="flex flex-col h-[100%] pl-4 pr-4 gap-2 pt-2">
         <div className="flex h-[15%] justify-between items-center text-center p-1">
           <h1 className="text-2xl text-white font-medium">Top Artists</h1>
diff --git a/frontend/src/components/MusicPlayer.jsx b/frontend/src/components/MusicPlayer.jsx
index 086bfb7c..293cbb3d 100644
--- a/frontend/src/components/MusicPlayer.jsx
+++ b/frontend/src/components/MusicPlayer.jsx
@@ -19,7 +19,7 @@ function MusicPlayer({ currSong, shouldAutoPlay }) {
   }, [currSong]);
 
   return (
-    <div className="bg-[#18181D] w-full h-full rounded-lg">
+    <div className="bg-[#18181D] w-full h-full rounded-lg" style={{marginTop:"2rem",height:"34.8rem"}}>
       <div className="flex flex-col h-full justify-between p-2">
         {/* Image and like details */}
         <div className="flex h-full pt-6">

From c1ba66aec471dcdcdef2e8c9a35a46502144360a Mon Sep 17 00:00:00 2001
From: Garima Chandra <143211271+Garima-149@users.noreply.github.com>
Date: Tue, 18 Jun 2024 16:04:52 +0530
Subject: [PATCH 2/5] Update Footer.jsx

---
 frontend/src/components/Footer.jsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/frontend/src/components/Footer.jsx b/frontend/src/components/Footer.jsx
index 246b8adb..d2dc8d31 100644
--- a/frontend/src/components/Footer.jsx
+++ b/frontend/src/components/Footer.jsx
@@ -15,7 +15,7 @@ const Footer = () => {
 
     <div className="h-[300px] w-full flex flex-col bgfooter sm:h-full" style={{padding:"66px",marginTop:"13rem"}}>
 
-    <div className="h-[300px] mt-56 w-full flex flex-col bgfooter sm:h-full">
+    
 
       {/* //for logo and social links */}
       <div className="sec1  xs:text-[36px]">

From 2a6237f8c1df7d30750b0dc3d7b4309c8d313e5d Mon Sep 17 00:00:00 2001
From: Garima Chandra <143211271+Garima-149@users.noreply.github.com>
Date: Tue, 18 Jun 2024 16:13:29 +0530
Subject: [PATCH 3/5] Update Footer.jsx

---
 frontend/src/components/Footer.jsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/frontend/src/components/Footer.jsx b/frontend/src/components/Footer.jsx
index d2dc8d31..1c84182e 100644
--- a/frontend/src/components/Footer.jsx
+++ b/frontend/src/components/Footer.jsx
@@ -15,7 +15,7 @@ const Footer = () => {
 
     <div className="h-[300px] w-full flex flex-col bgfooter sm:h-full" style={{padding:"66px",marginTop:"13rem"}}>
 
-    
+    <div className="h-[300px] w-full flex flex-col bgfooter sm:h-full" >
 
       {/* //for logo and social links */}
       <div className="sec1  xs:text-[36px]">

From 34e2503ed2507b42bcf2fdae69d91303dc1b594e Mon Sep 17 00:00:00 2001
From: Garima Chandra <143211271+Garima-149@users.noreply.github.com>
Date: Tue, 18 Jun 2024 16:15:19 +0530
Subject: [PATCH 4/5] Update Footer.jsx

---
 frontend/src/components/Footer.jsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/frontend/src/components/Footer.jsx b/frontend/src/components/Footer.jsx
index 1c84182e..8d79f685 100644
--- a/frontend/src/components/Footer.jsx
+++ b/frontend/src/components/Footer.jsx
@@ -15,7 +15,7 @@ const Footer = () => {
 
     <div className="h-[300px] w-full flex flex-col bgfooter sm:h-full" style={{padding:"66px",marginTop:"13rem"}}>
 
-    <div className="h-[300px] w-full flex flex-col bgfooter sm:h-full" >
+  
 
       {/* //for logo and social links */}
       <div className="sec1  xs:text-[36px]">

From fa23846f9f928b155d9cce3c2595c00c92401381 Mon Sep 17 00:00:00 2001
From: Garima Chandra <143211271+Garima-149@users.noreply.github.com>
Date: Sat, 13 Jul 2024 12:26:35 +0000
Subject: [PATCH 5/5] Resolved

---
 frontend/src/components/Home/Home.jsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/frontend/src/components/Home/Home.jsx b/frontend/src/components/Home/Home.jsx
index 6934b275..bf175a14 100644
--- a/frontend/src/components/Home/Home.jsx
+++ b/frontend/src/components/Home/Home.jsx
@@ -247,7 +247,7 @@ function TopSongs({ currentArtist, setCurrentSong }) {
 
     <div className="bg-[#18181D] w-full h-full rounded-lg" style={{marginTop:"50px"}}>
 
-    <div className="bg-[#18181D]  w-full h-full rounded-lg">
+  
 
       <div className="w-full h-full flex flex-col">
         <div className="flex h-[15%] justify-between items-center text-center p-1 ml-4 mr-4 mt-2">
@@ -318,7 +318,7 @@ function TopArtists({ setCurrentArtist }) {
 
     <div className="bg-[#18181D] w-full h-full rounded-lg" style={{height:"14rem",padding:"2rem",marginTop:"2rem"}}>
 
-    <div className="bg-[#18181D]  w-full h-full rounded-lg">
+    
 
       <div className="flex flex-col h-[100%] pl-4 pr-4 gap-2 pt-2">
         <div className="flex h-[15%] justify-between items-center text-center p-1">