textsize

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;
 }

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>
           )}

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)',
+          },
         },
       },
     },