Alignment Test

This page tests that the header, footer, and content all use the same centered measure and gutters for perfect alignment.

Visual Alignment Guide

Header Navigation: Should align with this content block

Content Area: This is the main content using container-measure

Footer Links: Should align with this content block

Layout Structure

🏗️ Header: page-gutter → container-measure → dui-navbar (p-0 bar-pad)

📄 Main: page-gutter → container-measure → content

🦶 Footer: page-gutter → container-measure → dui-footer (px-0 bar-pad)

All three sections now use the same page-gutter and container-measure wrappers for perfect alignment.

Content Width Test

This paragraph should have the same visual width as the header navigation links above and the footer links below. The left and right edges should align perfectly.

Left Edge

Should align with "Lander Index" label

Center

Content fills the measure

Right Edge

Should align with navigation links