line-clamp on header

temmietope · Jan 4, 2021 · 2af21c7 · 2af21c7
1 parent d764db0
commit 2af21c7
Showing 1 changed file with 3 additions and 5 deletions.
diff --git a/src/components/Post.js b/src/components/Post.js
@@ -17,7 +17,6 @@ const Post = ({
   buttonFontColor,
   buttonText
 }) => {
-  const mediumScreen = useMediaQuery('(max-width: 950px)')
   const smallScreen = useMediaQuery('(max-width: 768px)')
   const smallerScreen = useMediaQuery('(max-width: 500px)')
 
@@ -47,9 +46,7 @@ const Post = ({
 
     postHeader: {
       fontSize: headerSize
-        ? mediumScreen
-          ? '1.2rem'
-          : smallScreen
+        ? smallScreen
           ? '1.25rem'
           : smallerScreen
           ? '1.05rem'
@@ -63,7 +60,8 @@ const Post = ({
       padding: '0',
       display: '-webkit-box',
       WebkitBoxOrient: 'vertical',
-      WebkitLineClamp: '2'
+      WebkitLineClamp: '2',
+      overflow: 'hidden'
     },
 
     postExcerpt: {