Community page v0.5 (#4591)

Author: marcoacierno

frontend/src/components/blocks/communities-section.tsx

@@ -57,22 +57,26 @@ export const CommunitiesSection = ({ title, communities }: Props) => {
 
           return (
             <MultiplePartsCard key={community.name}>
-              <CardPart>
+              <CardPart shrink={false}>
                 <Heading size={4}>{community.name}</Heading>
               </CardPart>
-              <CardPart background="milk">
+              <CardPart background="milk" fullHeight={true}>
                 {community.logo && (
                   <>
                     <VerticalStack alignItems="center" gap="small">
-                      <img src={community.logo} alt={community.name} />
+                      <img
+                        src={community.logo}
+                        alt={community.name}
+                        width={128}
+                      />
                     </VerticalStack>
                     <Spacer size="small" />
                   </>
                 )}
 
                 <StyledHTMLText text={community.description} baseTextSize={2} />
               </CardPart>
-              <CardPart background="milk">
+              <CardPart background="milk" shrink={false}>
                 <VerticalStack alignItems="center" gap="small">
                   <SocialLinks hoverColor="green" socials={socialLinks} />
                 </VerticalStack>