---
type: note
tags: [implemented, css, header, font, past requirement]
created: 2025-11-06T02:51:46.19+00:00
updated: 2026-04-06T11:04:37.918596+00:00
---# card form view section headers

Context: In the card form views of lovable.dev—used to create or edit records of type note or link—each form contains three primary sections: Main, Additional Links, and Media. These sections are visually distinguished by text headers.\n\nRequirement: Update the styling of section headers within card form views to improve visual hierarchy and readability.\n\nDetails:\n\nTarget Elements: Headers for the following sections:\n\nMain\n\nAdditional Links\n\nMedia\n\nStyling Changes:\n\nIncrease font size by 25% relative to the base font size.\n\nApply bold font weight.\n\nImplementation Notes:\n\nUse semantic HTML tags (e.g., <h2> or <h3>) or apply a shared class such as .section-header.\n\nStyling should be applied via CSS or Tailwind utility classes, depending on the current stack.\n\nEnsure consistent spacing above and below headers to maintain layout clarity.\n\nExample (CSS):\n\ncss\n.section-header {\n  font-size: 125%;\n  font-weight: bold;\n}\nExample (Tailwind):\n\nhtml\n<h2 class="text-[125%] font-bold">Main</h2>\nSupabase Considerations:\n\nNo schema changes required.\n\nThis is a purely frontend styling update; Supabase integration remains unaffected.


---
**Keywords:** implemented, css, header, font, past requirement
