Merge pull request #1021 from dacadeorg/fix/community-main-header-for-mobile

fix: apply fixed height only for tablet and big screens

Author: musayann

src/components/sections/communities/overview/MainHeader.tsx

@@ -27,7 +27,7 @@ export default function CommunitySection(): ReactElement {
             <p className="mt-2 text-xl tracking-tight md:text-.5xl leading-tight max-w-text-sm lg:hidden">{community?.summary}</p>
             <p className="hidden mt-4 tracking-tight text-lg xl:text-.5xl max-w-text-md font-extralight lg:block">{community?.summary}</p>
           </div>
-          <div className="self-end w-36 h-128 md:w-1/2 max-w-lg">
+          <div className="self-end w-36 md:h-82 lg:h-128 md:w-1/2 max-w-lg">
             {community?.icon && <Image src={`${community?.icon}`} alt={community?.name || ""} className="relative w-full h-full" width={300} height={300} />}
           </div>
         </div>

tailwind.config.js

@@ -46,6 +46,7 @@ module.exports = {
         17: "4.5rem",
         44: "11rem",
         62: "15.5rem",
+        82: "20.5rem",
         96.5: "25.5rem",
         98: "28rem",
         128: "32rem",