← Fleet Pattern Library Component · Layout
Component

Layout & width systems

None of the three sites has a tailwind.config.js, all Tailwind 4, all CSS-first via @theme. Widths below are the real max-w-* values in production, drawn to scale.

MarketInvoice: no named container class, ad hoc max-w-* only
article body
768px
lead-form / mid
896px
wide / hub
1152px
FundBiz: no named container class, ad hoc max-w-* only
article body
768px
lead-form / mid
896px
listicle-only
1024px
nav / footer
1152px
PeptideClear: the only site with a real named outer container, .container-wide
narrow / form
672px
article body
768px
card grid
896px
wide table
1024px
.container-wide
1280px
04008001200px

All three converge on 768px for article/reading width almost exactly, real, load-bearing agreement across three independently-built sites, treat it as the settled answer. The one structural gap: PeptideClear names its outer container; MarketInvoice and FundBiz never do, which is why their hub/table sections have drifted to three slightly different ad hoc widths (1024/1152) instead of one clean, named 1280.