adjust for mobile

fohte · Jun 6, 2024 · 36c6bda · 36c6bda
1 parent 78db74f
commit 36c6bda
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/src/components/mdx/CardLink.tsx b/src/components/mdx/CardLink.tsx
@@ -18,7 +18,7 @@ type OgpData = {
 }
 
 const collapseDescription = (description: string): string => {
-  const maxLength = 100
+  const maxLength = 80
 
   const newDescription = description.substring(0, maxLength)
   if (description !== newDescription) {
@@ -58,7 +58,7 @@ export const CardLink: React.FC<Props> = ({ href }) => {
           src={ogp.image}
           alt="Link preview image"
           height="100%"
-          maxW="250px"
+          maxW="min(40%, 250px)"
           maxH="200px"
           objectFit="cover"
         />