Merge branch 'main' into alt-texts-in-markdown

components/BlogImageCard.tsx

@@ -63,7 +63,7 @@ const BlogImageCard: React.FC<Props> = ({
     <div
       ref={sectionRef}
       title={title}
-      className={`sm:min-w-[17rem] transition hover:-translate-y-2 max-w-md bg-gray-100 dark:bg-carddark p-4 rounded shadow-md hover:shadow-xl ${
+      className={`sm:min-w-[17rem] transition translate-y-2 hover:-translate-y-0 max-w-md bg-gray-100 dark:bg-carddark p-4 rounded shadow-md hover:shadow-xl ${
         fullWH ? "w-full" : "w-72 my-2"
       } ${className}`}
     >
@@ -76,15 +76,15 @@ const BlogImageCard: React.FC<Props> = ({
           alt={title}
         />
       </div>
-      <div className="mb-2 overflow-hidden">
+      <div className="mb-2 overflow-hidden h-14">
         <Link
           href={`/blog/posts/${slug}`}
           className="blog-title link inline-block outline-none dark:outline-none focus-within:underline"
         >
           <h3
             className={`${
               fullWH ? "text-lg sm:text-md" : "text-md"
-            } font-medium`}
+            } font-medium line-clamp-2`}
           >
             {title}
           </h3>

package.json

@@ -21,12 +21,12 @@
     "swiper": "^8.4.4"
   },
   "devDependencies": {
-    "@netlify/plugin-nextjs": "^4.28.1",
+    "@netlify/plugin-nextjs": "^4.28.3",
     "@tailwindcss/line-clamp": "^0.4.2",
     "@tailwindcss/typography": "^0.5.7",
-    "@types/node": "18.11.6",
-    "@types/react": "18.0.23",
-    "autoprefixer": "^10.4.12",
+    "@types/node": "18.11.8",
+    "@types/react": "18.0.24",
+    "autoprefixer": "^10.4.13",
     "eslint": "8.26.0",
     "eslint-config-next": "13.0.0",
     "postcss": "^8.4.18",

styles/globals.css

@@ -39,11 +39,11 @@
 @layer utilities {
   .swiper-padding {
     padding: 0 3rem !important;
-    padding-bottom: 2rem !important;
+    padding-bottom: 3rem !important;
   }
   .swiper-padding-mobile {
     padding: 0 !important;
-    padding-bottom: 2rem !important;
+    padding-bottom: 3rem !important;
   }
 }