Merge pull request #5 from vishaldhanotiya/code-refactor

Refactor code

src/components/FifthSection.scss

@@ -5,10 +5,10 @@
   --blood-red: #{$blood-red};
 }
 .fifth-title {
-  color: #f51940;
+  color: white;
   padding-top: 6rem;
   font-weight: bold;
-  font-size: 2.2rem;
+  font-size: 3rem;
 }
 .pagination-container {
   justify-content: center;

src/components/FifthSection.tsx

@@ -4,87 +4,63 @@ const gridImage = [
   {
     id: 1,
     text: "Top Talent 2024",
-    review: `This shirt is so soft and comfortable.
-         I was a bit worried about the size running small,  but I normally wear a medium and it fits great.`,
     value: require("../res/top2024.png"),
   },
   {
     id: 2,
     text: "Top Talent 2023",
-    review:
-      "This shirt is so soft and comfortable. I was a bit worried about the size running small, but I normally wear a medium and it fits great.",
     value: require("../res/top2023.png"),
   },
   {
     id: 3,
     text: "Bravo - Individual Awards",
-    review:
-      "This shirt is so soft and comfortable. I was a bit worried about the size running small, but I normally wear a medium and it fits great.",
     value: require("../res/bravo.png"),
   },
 
   {
     id: 4,
     text: "GenAI Foundation - GenAI Assisted Coding using Amazon CdeWhisperer on FY 2023",
-    review:
-      "This shirt is so soft and comfortable. I was a bit worried about the size running small, but I normally wear a medium and it fits great.",
     value: require("../res/genai.png"),
   },
   {
     id: 5,
     text: "Interviewers Certification Workshop",
-    review:
-      "This shirt is so soft and comfortable. I was a bit worried about the size running small, but I normally wear a medium and it fits great.",
     value: require("../res/interview.png"),
   },
   {
     id: 6,
     text: "React Native - The Practical Guide",
-    review:
-      "This shirt is so soft and comfortable. I was a bit worried about the size running small, but I normally wear a medium and it fits great.",
     value: require("../res/rn2024.png"),
   },
 
   {
     id: 7,
     text: "Master CI/CD for React Native",
-    review:
-      "This shirt is so soft and comfortable. I was a bit worried about the size running small, but I normally wear a medium and it fits great.",
     value: require("../res/ci-cd.png"),
   },
   {
     id: 8,
     text: "Fastlane for React Native: Deploy your app autonomously!",
-    review:
-      "This shirt is so soft and comfortable. I was a bit worried about the size running small, but I normally wear a medium and it fits great.",
     value: require("../res/fastlane.png"),
   },
   {
     id: 9,
     text: "The Git & Github Bootcamp",
-    review:
-      "This shirt is so soft and comfortable. I was a bit worried about the size running small, but I normally wear a medium and it fits great.",
     value: require("../res/github-bootcamp.png"),
   },
   {
     id: 10,
     text: "The Complete React Native + Hooks Course",
-    review:
-      "This shirt is so soft and comfortable. I was a bit worried about the size running small, but I normally wear a medium and it fits great.",
     value: require("../res/hook.png"),
   },
   {
     id: 11,
     text: "Android Studio Masterclass Conquer the Android IDE",
-    review:
-      "This shirt is so soft and comfortable. I was a bit worried about the size running small, but I normally wear a medium and it fits great.",
     value: require("../res/android-certificate.png"),
   },
   {
     id: 12,
     text: "Android Unit Testing and Test Driven Development",
-    review:
-      "This shirt is so soft and comfortable. I was a bit worried about the size running small, but I normally wear a medium and it fits great.",
     value: require("../res/unit-testing.png"),
   },
 ];
@@ -95,7 +71,7 @@ export default function FifthSection() {
   return (
     <div
       id="fifthSection"
-      style={{ marginBlock: -35, backgroundColor: "#000000" }}
+      style={{ marginBlock: -50, backgroundColor: "#000000" }}
     >
       <p className="fifth-title">Achievements</p>