fix blog card tag list overflow

Author: cherylli

components/containers/Card.js

@@ -31,7 +31,7 @@ export default function Card({
       </h2>
       {tagList && tagList.length > 0 ? (
         <div className={styles.tagListContainer}>
-          {tagList.map((tag, i) => (
+          {tagList.slice(0, 8).map((tag, i) => (
             <Tag key={i} text={tag} />
           ))}
         </div>

styles/Card.module.scss

@@ -131,6 +131,9 @@
 
   .tagListContainer {
     display: flex;
+    flex-wrap: wrap;
+    max-height: 12rem;
+    overflow: hidden;
     gap: 0.5rem;
     margin-bottom: -1rem;
   }