Improve styles

src/components/sections/about/team/team.tsx

@@ -76,7 +76,7 @@ function Team({ members, teamName, teamNumber, teamDept }: Teams) {
     },
     breakpoints: {
       '(max-width: 900px)': {
-        slides: { perView: 2, spacing: 20, origin: 'center' }
+        slides: { perView: 2.2, spacing: 20, origin: 'center' }
       },
       '(max-width: 600px)': {
         slides: { perView: 1.65, spacing: 35, origin: 'center' }

src/components/sections/blog/shares/index.tsx

@@ -35,13 +35,6 @@ const Shares = ({ url }: SharesProps) => {
               <Reddit />
             </a>
           </Link>
-          <Link
-            href={`https://www.facebook.com/sharer/sharer.php?u=${encodedUrl}`}
-          >
-            <a target="_blank">
-              <Facebook />
-            </a>
-          </Link>
           <Link href="https://discord.com/invite/ukhbBemyxY">
             <a target="_blank">
               <Discord />
@@ -49,12 +42,19 @@ const Shares = ({ url }: SharesProps) => {
           </Link>
           <Link href={`https://t.me/share/url?url=${encodedUrl}`}>
             <a target="_blank">
-              <Instagram />
+              <Telegram />
+            </a>
+          </Link>
+          <Link
+            href={`https://www.facebook.com/sharer/sharer.php?u=${encodedUrl}`}
+          >
+            <a target="_blank">
+              <Facebook />
             </a>
           </Link>
           <Link href={`https://t.me/share/url?url=${encodedUrl}`}>
             <a target="_blank">
-              <Telegram />
+              <Instagram />
             </a>
           </Link>
         </div>

src/components/sections/blog/shares/shares.module.scss

@@ -3,7 +3,7 @@
 .container {
   border-top: 1px solid var(--color-white);
   padding-top: tovw(96px, 'default', 48px);
-  padding-bottom: tovw(243px, 'default', 145px);
+  padding-bottom: tovw(243px, 'default', 95px);
   text-align: center;
   max-width: tovw(856px, 'default', 856px);
 

src/components/sections/community/hero/hero.module.scss

@@ -140,6 +140,11 @@
     margin-top: tovw(88px, 'default', 88px);
     width: 100%;
     gap: tovw(20px, 'mobile');
+
+    a {
+      width: 100%;
+      text-align: center;
+    }
   }
 
   display: flex;

src/components/sections/community/socials/socials.module.scss

@@ -3,10 +3,12 @@
 .section {
   @include respond-to('mobile') {
     margin-top: 0;
+    margin-bottom: tovw(80px, 'mobile');
   }
 
   position: relative;
   padding: tovw(124px, 'default', 100px) 0;
+  margin-bottom: tovw(145px, 'default', 120px);
 }
 
 .container {