themesberg / themesberg/flowbite

Typography - headings inconsistencies

Open
#517 5 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

Dominant language
HTML
Stars
9.4k
Forks
862
PR merge metrics
No merged PRs in 30d

Description

Describe the bug
Section Typography - Headings defines inconsistent styles.

The most used heading h1 presents 3 different definitions. Which one is the standard one?

<h1 class="mb-4 text-4xl font-extrabold leading-none tracking-tight text-gray-900 md:text-5xl lg:text-6xl dark:text-white">
<h1 class="mb-4 text-3xl font-extrabold text-gray-900 dark:text-white md:text-5xl lg:text-6xl">
<h1 class="text-5xl font-extrabold dark:text-white">

h2 shows some deviations as well. Which one should I pick as an official one

<h2 class="text-4xl font-extrabold dark:text-white">
<h2 class="mb-4 text-3xl font-extrabold leading-none tracking-tight text-gray-900 md:text-4xl dark:text-white">
<h2 class="text-4xl font-bold dark:text-white">

Other small headings have some simple definitions like:

<h3 class="text-3xl font-bold dark:text-white">Heading 3</h3>

Shouldn't they have responsive sizing as well?


Flowbite - consistently inconsistent.

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

Start with the Typography - Headings section and compare the displayed h1, h2, and smaller-heading examples. Review the five existing comments for any unresolved discussion about the preferred styles. Done means the heading definitions have an agreed standard and the section consistently reflects it.

Written by the indexing model from the issue text.

Assessment

Tech stack
html, tailwindcss
Domain
design, frontend
Issue type
Bug
Difficulty
5/5
Estimated time
Over a week
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
25/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.