From 1d589cda80ffd599907e52430439311142ce3411 Mon Sep 17 00:00:00 2001
From: TheoryOfNekomata <allan.crisostomo@outlook.com>
Date: Sun, 5 May 2024 19:37:04 +0800
Subject: [PATCH] Update blog styling

Scale blog article title on mobile.
---
 packages/web/src/components/molecules/BlogItem/index.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/web/src/components/molecules/BlogItem/index.tsx b/packages/web/src/components/molecules/BlogItem/index.tsx
index ffa85f4..3a6892e 100644
--- a/packages/web/src/components/molecules/BlogItem/index.tsx
+++ b/packages/web/src/components/molecules/BlogItem/index.tsx
@@ -47,7 +47,7 @@ export const BlogItem: React.FC<BlogItemProps> = ({
 			className="rounded overflow-hidden relative flex flex-col gap-8 before:absolute before:top-0 before:left-0 before:w-full before:h-full before:border-2 before:rounded-inherit before:pointer-events-none before:opacity-10"
 		>
 			<header className="flex flex-col gap-4">
-				<h1 className="m-0 h-24 flex items-end px-8">
+				<h1 className="m-0 pt-12 sm:h-32 text-[2.5em] sm:text-5xl flex items-end px-8">
 					<Link
 						className="no-underline"
 						href={{