style fixes

Author: jderochervlk

src/CommunityContent.res

@@ -20,10 +20,10 @@ module LinkCard = {
   let make = (~link) => {
     <div className="rounded-lg  hover:text-fire overflow-hidden bg-gray-10">
       <a href=link.url className="flex flex-col h-full">
-        <img className="object-cover w-full h-40" src=link.image alt="" />
+        <img className="object-cover w-full md:h-40 max-h-[345px]" src=link.image alt="" />
         <div className="p-2 grow">
-          <h3 className="font-semibold text-14 grow-0"> {React.string(link.title)} </h3>
-          <p className="mb-2 text-12 grow truncate"> {React.string(link.description)} </p>
+          <h3 className="font-semibold text-16 grow-0 mb-2"> {React.string(link.title)} </h3>
+          <p className="mb-2 text-14 grow text-gray-80"> {React.string(link.description)} </p>
         </div>
         <p className="text-14 p-2 grow-0 text-gray-70">
           {React.string(link.url->simplifyUrl->Option.getOr(""))}