adjustments

CyberAula · Jul 24, 2024 · 8c52c46 · 8c52c46
1 parent fed6b5c
commit 8c52c46
Show file tree

Hide file tree

Showing 3 changed files with 15 additions and 13 deletions.
diff --git a/app/sass/main.scss b/app/sass/main.scss
@@ -15,8 +15,7 @@
 @import "lib/_mixins.sass";
 
 * {
- // @apply border-2 border-primary; // no funciona :( <-- funciona en el globals.scss though
- // border: 1px solid pink
+//  border: 1px solid pink
 }
 
 // PRUEBA GRID, BORRAR

diff --git a/app/sass/partials/_team.sass b/app/sass/partials/_team.sass
@@ -4,6 +4,7 @@
 .team
     main
         .teammates
+            @apply md:place-content-center
             .teammate
                 @apply mx-auto max-w-fit
                 @apply flex flex-col items-center text-center
@@ -14,26 +15,28 @@
                         @apply object-cover
                         border-radius: 50px
                 .mate_info
-                    @apply text-black
+                    @apply text-black h-fit
+                    @apply flex flex-col items-center text-center gap-2
                     margin-top: 0.6rem
                     .mate_name
-                        @apply  mb-4
+                        // @apply  mb-4
                         @apply flex justify-center
                         @apply text-center
                         h4
                             @apply h-fit min-h-16
                     .mate_role
-                        @apply mb-4 h-fit
+                        // @apply mb-4 h-fit
                         span
                             padding:  0.2em 0.65em 0.25em 0.65em
                             @apply border border-black border-solid
                             border-radius: 4px
                             font-weight: 600
                     .mate_position
-                        @apply mt-5 mb-2
-                        @apply max-w-[25ch]
+                        @apply max-w-[25ch] text-center mt-2
+                        p
+                            @apply text-center
                     .mate_email
-                        @apply mt-5 mb-2
+                        @apply mt-2 mb-1
                         font-weight: 600
                         display: inline
                         word-break: break-all
@@ -46,7 +49,7 @@
                             border-radius: 24px
                     .mate_description
                         span
-                            img
-                                height: 18px
-                                width: 18px
+                            // img
+                            //     height: 18px
+                            //     width: 18px
                                 
diff --git a/app/team/page.js b/app/team/page.js
@@ -24,7 +24,7 @@ export default function Team(props) {
         <h1>{t("team.title")}</h1>
       </div>
       <main>
-        <section className="teammates flex flex-col gap-14 sm:grid sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 
+        <section className="teammates flex flex-col gap-14 sm:grid sm:grid-cols-2 md:grid-cols-3 md:place-content-center lg:grid-cols-4 
         mx-8 md:mx-14 lg:mx-36 xl:mx-44 2xl:mx-60 my-2 sm:my-8 md:my-8 lg:my-12 xl:my-16 2xl:my-20">
           {Object.values(team).map(({ members }) => {
             return members.map(
@@ -43,7 +43,7 @@ export default function Team(props) {
                 const translatedRole = t(`${translationKey}`);
                 const translatedPosition = t(position);
                 return (
-                  <div className="teammate text-center sm:text-left" key={name}>
+                  <div className="teammate text-center" key={name}>
                     <div className="mate_img">
                       <a
                         href={github}