more feedback

Author: bjohansebas

apps/site/components/Common/Partners/PartnerIcon/index.module.css

@@ -1,13 +1,13 @@
 @reference "../../../../styles/index.css";
 
 .partnerIcon {
-  @apply h-10!
+  @apply h-9!
     w-auto!
-    min-w-10!
+    min-w-9!
     !p-2;
 
   svg {
-    @apply !h-6
+    @apply !h-4
       !w-auto;
   }
 }

apps/site/components/Common/Partners/PartnerIcon/index.tsx

@@ -11,12 +11,12 @@ type ParnetsIconProps = Partners & ComponentProps<typeof Skeleton>;
 
 const PartnersIcon: FC<ParnetsIconProps> = ({ href, logo, loading }) => {
   return (
-    <Skeleton loading={loading} className="h-10 w-10 p-2">
+    <Skeleton loading={loading} className="h-9 w-9 p-2">
       <Button kind="secondary" href={href} className={style.partnerIcon}>
         {cloneElement(logo, {
-          className: 'h-5 w-auto',
+          className: 'h-4 w-auto',
           width: 'auto',
-          height: '20px',
+          height: '16px',
         })}
       </Button>
     </Skeleton>

apps/site/components/Common/Partners/PartnersIconList/index.module.css

@@ -5,5 +5,5 @@
     flex-row
     flex-wrap
     items-center
-    gap-4;
+    gap-2;
 }

apps/site/pages/en/index.mdx

@@ -44,6 +44,11 @@ layout: home
       </div>
 
       <span className="italic text-center text-xs! text-neutral-800 dark:text-neutral-600">"LTS" refers to the long-term support version of Node.js. <Link href="/about/previous-releases">Learn more about Node.js releases.</Link></span>
+
+      <div className="flex justify-center xs:mt-3">
+        <PartnersIconList />
+      </div>
+      <span className="text-center text-sm! text-neutral-800 dark:text-neutral-600">Node.js is proudly supported by the partners above <Link href="/about/partners">and more</Link>.</span>
     </div>
 
   </div>
@@ -136,13 +141,7 @@ layout: home
     ```
 
   </div>
-  Learn more what Node.js is able to offer with our [Learning materials](/learn).
-  <div className='w-full flex flex-col gap-2 xs:mt-3'>
-    <div className="flex justify-center">
-      <PartnersIconList />
-    </div>
-    <span className="xs:mt-1 text-center text-sm">
-      Node.js is proudly supported by the partners above <Link href="/about/partners">and more</Link>.
-    </span>
-  </div>
+  <span className="text-neutral-800! dark:text-neutral-600!">
+    Learn more what Node.js is able to offer with our [Learning materials](/learn).
+  </span>
 </section>