From 548e51bc8478d259aca92b3136c5c4256bfc11bb Mon Sep 17 00:00:00 2001
From: debojitsaha <saha05debojit@gmail.com>
Date: Sun, 21 Jan 2024 22:10:08 +0530
Subject: [PATCH] update: sponsors card

---
 src/constants/SponsorData.js            | 25 +++++++++++--------------
 src/partials/Sponsors/Sponsors.jsx      |  6 +++---
 src/partials/Sponsors/Sponsors.scss     |  3 ++-
 src/partials/Sponsors/SponsorsCard.scss |  7 ++++++-
 4 files changed, 22 insertions(+), 19 deletions(-)

diff --git a/src/constants/SponsorData.js b/src/constants/SponsorData.js
index b90eeb4..d56270c 100644
--- a/src/constants/SponsorData.js
+++ b/src/constants/SponsorData.js
@@ -1,34 +1,31 @@
-const Data = [
+const sponsorData = [
   {
     id: 1,
     name: "GitHub",
-    profileImage:
-      "../SponsorsAssets/github.png",
+    profileImage: "../SponsorsAssets/github.png",
     websiteLink: "https://www.github.com",
     linkedInLink: "https://www.linkedin.com/company/github",
-    tag: "GigaByte",
-    bgColor: "goldenrod"
+    tag: "Gigabyte",
+    bgColor: "#FACC15",
   },
   {
     id: 2,
     name: "Loft Labs",
-    profileImage:
-      "../SponsorsAssets/Loft.png",
+    profileImage: "../SponsorsAssets/Loft.png",
     websiteLink: "https://www.loft.sh",
     linkedInLink: "https://www.linkedin.com/company/loft-sh",
-    tag: "GigaByte",
-    bgColor: "goldenrod"
+    tag: "Gigabyte",
+    bgColor: "#FACC15",
   },
   {
     id: 3,
     name: "Presar",
-    profileImage:
-      "../SponsorsAssets/presar.jpg",
-    websiteLink: "https://www.janesmithdesigns.com",
+    profileImage: "../SponsorsAssets/presar.jpg",
+    websiteLink: "https://presear.com/",
     linkedInLink: "https://www.linkedin.com/in/janesmith",
     tag: "Byte",
-    bgColor: "transparent"
+    bgColor: "#C0C0C0",
   },
 ];
 
-export default Data;
+export default sponsorData;
diff --git a/src/partials/Sponsors/Sponsors.jsx b/src/partials/Sponsors/Sponsors.jsx
index 6917eb3..ba090c5 100644
--- a/src/partials/Sponsors/Sponsors.jsx
+++ b/src/partials/Sponsors/Sponsors.jsx
@@ -1,5 +1,5 @@
 import React from "react";
-import Data from "../../constants/SponsorData";
+import sponsorData from "../../constants/sponsorData";
 import SponsorsCard from "./SponsorsCard";
 import "./Sponsors.scss";
 
@@ -7,8 +7,8 @@ function Sponsors() {
   return (
     <div style={{marginBottom: "30px"}}>
       <h1 style={{ textAlign: "center", marginBottom: "20px" }}>Sponsors</h1>
-      <div className="Sponsor-section">
-        {Data.map((user) => (
+      <div className="sponsor-section">
+        {sponsorData.map((user) => (
           <SponsorsCard key={user.id} user={user} />
         ))}
       </div>
diff --git a/src/partials/Sponsors/Sponsors.scss b/src/partials/Sponsors/Sponsors.scss
index 1538e28..9b767ac 100644
--- a/src/partials/Sponsors/Sponsors.scss
+++ b/src/partials/Sponsors/Sponsors.scss
@@ -1,6 +1,7 @@
-.Sponsor-section {
+.sponsor-section {
   display: flex;
   justify-content: center;
   align-items: center;
   flex-wrap: wrap;
+  padding: 20px;
 }
\ No newline at end of file
diff --git a/src/partials/Sponsors/SponsorsCard.scss b/src/partials/Sponsors/SponsorsCard.scss
index 1ff10b4..b7f7ae7 100644
--- a/src/partials/Sponsors/SponsorsCard.scss
+++ b/src/partials/Sponsors/SponsorsCard.scss
@@ -5,12 +5,17 @@
   border-radius: 12px;
   overflow: hidden;
   box-shadow: 1px 3px 10px 4px rgba(0, 0, 0, 0.3882352941);
+
+
+  @media screen and (max-width: 450px) {
+    width: 100% !important;
+  }
 }
 
 .circle {
   overflow: hidden;
   border-radius: 50%;
-  padding: 10px;
+  padding: 24px;
 }
 
 .circle img {