From dfc5916eaf22a25c42195c0a018108552e05c9f4 Mon Sep 17 00:00:00 2001
From: Mackie <iwan.mackie@gmail.com>
Date: Mon, 8 Jun 2026 11:16:40 +0800
Subject: [PATCH] textsize

---
 src/app/(frontend)/globals.css        |  4 +++
 src/blocks/AboutProfile/Component.tsx |  2 +-
 tailwind.config.mjs                   | 38 +++++++++------------------
 3 files changed, 17 insertions(+), 27 deletions(-)

diff --git a/src/app/(frontend)/globals.css b/src/app/(frontend)/globals.css
index dee4ea2..33b65cc 100644
--- a/src/app/(frontend)/globals.css
+++ b/src/app/(frontend)/globals.css
@@ -237,4 +237,8 @@ html[data-theme='light'] {
     color: rgba(var(--foreground), 0.2);
     font-size: 24px;
   }
+}
+/* Add this to your global CSS file */
+.column-with-connector:last-of-type::after {
+  content: none;
 }
\ No newline at end of file
diff --git a/src/blocks/AboutProfile/Component.tsx b/src/blocks/AboutProfile/Component.tsx
index 78a2827..ac7704c 100644
--- a/src/blocks/AboutProfile/Component.tsx
+++ b/src/blocks/AboutProfile/Component.tsx
@@ -51,7 +51,7 @@ export function AboutProfileBlock({
       {(heading || subheading) && (
         <div className="text-center mb-16">
           {heading && (
-            <h2 className="text-3xl font-semibold tracking-tight text-foreground mb-3">
+            <h2 className="text-h2-base md:text-h2-md font-semibold tracking-tight text-foreground mb-3">
               {heading}
             </h2>
           )}
diff --git a/tailwind.config.mjs b/tailwind.config.mjs
index 885f5b9..b39a2c2 100644
--- a/tailwind.config.mjs
+++ b/tailwind.config.mjs
@@ -6,34 +6,20 @@ const config = {
         sans: ['var(--font-geist-sans)'],
         mono: ['var(--font-geist-mono)'],
       },
+      fontSize: {
+        // Define your scale here
+        'h1-base': ['2.5rem', { lineHeight: '1.2' }],
+        'h1-md': ['3.5rem', { lineHeight: '1.1' }],
+        'h2-base': ['1.25rem', { lineHeight: '1.3', fontWeight: '600' }],
+        'h2-md': ['1.5rem', { lineHeight: '1.2', fontWeight: '600' }],
+      },
+      // Keep your typography plugin config separate
       typography: {
         DEFAULT: {
-          css: [
-            {
-              '--tw-prose-body': 'var(--text)',
-              '--tw-prose-headings': 'var(--text)',
-              h1: {
-                fontWeight: 'normal',
-                marginBottom: '0.25em',
-              },
-            },
-          ],
-        },
-        base: {
-          css: [
-            {
-              h1: { fontSize: '2.5rem' },
-              h2: { fontSize: '1.25rem', fontWeight: 600 },
-            },
-          ],
-        },
-        md: {
-          css: [
-            {
-              h1: { fontSize: '3.5rem' },
-              h2: { fontSize: '1.5rem' },
-            },
-          ],
+          css: {
+            '--tw-prose-body': 'var(--foreground)',
+            '--tw-prose-headings': 'var(--foreground)',
+          },
         },
       },
     },