Updates

src/components/ui/Rrss.astro

@@ -20,12 +20,9 @@ import Button from './Button.astro'
 <style>
   .rrss {
     display: flex;
+    justify-content: center;
     flex-wrap: wrap;
     gap: 1rem;
-    margin-bottom: 2.15rem;
-
-    @media (width <= 750px) {
-      justify-content: center;
-    }
+    margin: 6rem 0;
   }
 </style>

src/pages/_index/Community.astro

@@ -1,6 +1,5 @@
 ---
 import CommunityProjectCard from '@components/ui/CommunityProjectCard.astro'
-import Rrss from '@components/ui/Rrss.astro'
 
 // import VoidProject from '@components/ui/VoidProject.astro'
 ---
@@ -13,7 +12,7 @@ import Rrss from '@components/ui/Rrss.astro'
     el crecimiento profesional.
   </p>
   <p>
-    Después de muchos años de pertecener a distintas comunidades al rededor del
+    Después de muchos años de pertecener a distintas comunidades alrededor del
     mundo hoy puedo decir que cuento con <a
       href="https://ds.odracir.dev/"
       target="_blank"
@@ -26,13 +25,11 @@ import Rrss from '@components/ui/Rrss.astro'
     <CommunityProjectCard />
     <!-- <VoidProject /> -->
   </article>
-  <div class="social">
-    <Rrss />
-  </div>
 </section>
 
 <style>
   .projects {
+    margin-top: 6rem;
     & .projects-title {
       letter-spacing: 0.15rem;
 
@@ -49,11 +46,6 @@ import Rrss from '@components/ui/Rrss.astro'
     margin-bottom: 3rem;
   }
 
-  .social {
-    display: flex;
-    justify-content: center;
-  }
-
   @media (width <= 750px) {
     .cards-container {
       grid-template-columns: 1fr;

src/pages/_index/Projects.astro

@@ -18,6 +18,7 @@ import VoidProject from '@components/ui/VoidProject.astro'
 
 <style>
   .projects {
+    margin-top: 6rem;
     & .projects-title {
       letter-spacing: 0.15rem;
 

src/pages/index.astro

@@ -1,6 +1,7 @@
 ---
 import Layout from '@layouts/Layout.astro'
 import OpenGraph from '@components/OpenGraph.astro'
+import Rrss from '@components/ui/Rrss.astro'
 import Community from './_index/Community.astro'
 import Header from './_index/Header.astro'
 import Projects from './_index/Projects.astro'
@@ -20,8 +21,9 @@ const options = {
   />
   <main>
     <Header />
-    <Projects />
     <Community />
+    <Projects />
+    <Rrss />
   </main>
 </Layout>
 
@@ -41,7 +43,7 @@ const options = {
 
     main {
       max-width: 85%;
-      padding: 40px 0;
+      padding: 40px 0 0;
       margin: 0 auto;
     }
   }