From eb914cd8e0e57d736338a6b49138518ac9e199a8 Mon Sep 17 00:00:00 2001
From: Shubham Chauhan <shubham.chauhan826@gmail.com>
Date: Sat, 20 May 2023 14:35:49 +0530
Subject: [PATCH] Making Total learners section sticky

---
 client/src/pages/Leaderboard/index.css | 11 ++++++++++-
 client/src/pages/Leaderboard/index.jsx |  2 +-
 2 files changed, 11 insertions(+), 2 deletions(-)

diff --git a/client/src/pages/Leaderboard/index.css b/client/src/pages/Leaderboard/index.css
index 5165012..2129048 100644
--- a/client/src/pages/Leaderboard/index.css
+++ b/client/src/pages/Leaderboard/index.css
@@ -4,13 +4,22 @@
 }
 
 .leaderboard-container .stats {
-  width: 30%;
+  width: 25%;
+  position: fixed;
+  right: 0;
+  top: 85px;
+  height: 85%;
   padding: 6rem 2rem 0 2rem;
   font-family: var(--ff-mono);
   border-left: 1px solid rgb(163, 168, 195, 0.2);
   text-align: center;
 }
 
+.leaderboard-container .stats-icon {
+  block-size: auto;
+  max-inline-size: 88%;
+}
+
 .leaderboard-container .stats-title {
   font-size: 1.5rem;
   margin-top: 2rem;
diff --git a/client/src/pages/Leaderboard/index.jsx b/client/src/pages/Leaderboard/index.jsx
index e3e368e..0e2617b 100644
--- a/client/src/pages/Leaderboard/index.jsx
+++ b/client/src/pages/Leaderboard/index.jsx
@@ -55,7 +55,7 @@ const Leaderboard = () => {
         </div>
         <div className="stats">
           <div>
-            <img src={Users} alt="" />
+            <img className="stats-icon" src={Users} alt="" />
             <p className="stats-title">Total Learners</p>
             <p className="stats-count">{totalLearners}</p>
           </div>