From 211415f1f64401c8cd6534a9956149ccf83a2bab Mon Sep 17 00:00:00 2001
From: Jackson Harper <jacksonh@gmail.com>
Date: Thu, 9 May 2024 15:55:51 +0800
Subject: [PATCH] Allow more lines of titles on smaller screens

---
 packages/web/components/templates/article/ArticleContainer.tsx | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/packages/web/components/templates/article/ArticleContainer.tsx b/packages/web/components/templates/article/ArticleContainer.tsx
index f2e999f3d..1e6d7655f 100644
--- a/packages/web/components/templates/article/ArticleContainer.tsx
+++ b/packages/web/components/templates/article/ArticleContainer.tsx
@@ -440,6 +440,9 @@ export function ArticleContainer(props: ArticleContainerProps): JSX.Element {
               '-webkit-box-orient': 'vertical',
               '-webkit-line-clamp': '4',
               overflow: 'hidden',
+              '@smDown': {
+                '-webkit-line-clamp': '6',
+              },
             }}
             title={title}
           >