fix: ui changes

src/assets/data/MentorsContent.js

@@ -1,7 +1,7 @@
-import md_nasirul_haque from "../images/MentorImages/md_nasirul_haque.webp";
-import snehangshu_bhattacharya from "../images/MentorImages/snehangshu_bhattacharya.webp";
-import anubhav_singh from "../images/MentorImages/anubhav_singh.webp"
-import kazi_haque from "../images/MentorImages/kazi_haque.webp"
+import md_nasirul_haque from "../images/MentorImages/md_nasirul_haque.png";
+import snehangshu_bhattacharya from "../images/MentorImages/snehangshu_bhattacharya.png";
+import anubhav_singh from "../images/MentorImages/anubhav_singh.png";
+import kazi_haque from "../images/MentorImages/kazi_haque.png";
 
 export const mentorContent = [
   {

src/components/private/sponsors/Sponsors.jsx

@@ -65,6 +65,14 @@ const Sponsors = () => {
             </div>
           </div>
         </div>
+        <div className="sponsors__container domain_container">
+          <h1>Track Partner</h1>
+          <div className="sponsors__flexbox">
+            {sponsors["Track"].map((item, index) => {
+              return <SingleSponsors key={index} sponsor={item} type="track" />;
+            })}
+          </div>
+        </div>
         <div className="sponsors__container_flex">
           <div className="sponsors__container domain_container">
             <h1>Domain Partner</h1>
@@ -76,16 +84,6 @@ const Sponsors = () => {
               })}
             </div>
           </div>
-          <div className="sponsors__container domain_container">
-            <h1>Track Partner</h1>
-            <div className="sponsors__flexbox">
-              {sponsors["Track"].map((item, index) => {
-                return (
-                  <SingleSponsors key={index} sponsor={item} type="track" />
-                );
-              })}
-            </div>
-          </div>
         </div>
         <div className="sponsors__container_flex">
           <div className="sponsors__container domain_container">
@@ -95,7 +93,7 @@ const Sponsors = () => {
                 autoFill={true}
                 pauseOnHover={true}
                 className="testimonials__container"
-                speed={50}
+                speed={60}
                 direction="right"
               >
                 {sponsors["Community"].map((item, index) => {
@@ -107,7 +105,7 @@ const Sponsors = () => {
             </div>
           </div>
         </div>
-      </div >
+      </div>
     </>
   );
 };

src/components/private/sponsors/Sponsors.scss

@@ -80,6 +80,7 @@
       margin: auto;
 
       &.community {
+        max-width: 1100px;
         .rfm-marquee-container {
           .rfm-marquee {
             .rfm-child {
@@ -99,4 +100,4 @@
   .platinum_container {
     margin-top: 2rem;
   }
-}
+}