Header alignment test pages

Compare these pages to isolate what affects the header. If alignment differs between them, the differing factor is likely the cause.

Header alone in a plain div. No body flex, no layout wrappers.

2. Body flex only

Header as direct child of body with flex flex-col. No content, no footer.

3. Full layout (empty)

Header + flex-1 div + Footer. Same structure as main page but empty content.

4. With CalculatorContent

Full layout with CalculatorContent (same as main page).

Title + subtitle only, minimal inline CSS. No globals.css header styles.

← Back to main