Add slight padding to heading

stefanbitcr · stefanbitcr · commit b9ac74210256 · 2025-07-11T08:35:11.000+02:00
diff --git a/src/components/Headings.tsx b/src/components/Headings.tsx
@@ -1,7 +1,7 @@
 import { PropsWithChildren } from "react"
 
 export function H2({ children }: PropsWithChildren<unknown>) {
-  return <h2 className="scroll-m-20 text-4xl font-extrabold tracking-tight lg:text-5xl">{children}</h2>
+  return <h2 className="scroll-m-20 text-4xl font-extrabold tracking-tight lg:text-5xl mb-6 pt-4">{children}</h2>
 }
 
 export function H3({ children }: PropsWithChildren<unknown>) {

Original file line number	Diff line number	Diff line change
`@@ -1,7 +1,7 @@`
`1`	`1`	`import { PropsWithChildren } from "react"`
`2`	`2`
`3`	`3`	`export function H2({ children }: PropsWithChildren<unknown>) {`
`4`		`- return <h2 className="scroll-m-20 text-4xl font-extrabold tracking-tight lg:text-5xl">{children}</h2>`
	`4`	`+ return <h2 className="scroll-m-20 text-4xl font-extrabold tracking-tight lg:text-5xl mb-6 pt-4">{children}</h2>`
`5`	`5`	`}`
`6`	`6`
`7`	`7`	`export function H3({ children }: PropsWithChildren<unknown>) {`