DataList
A semantic definition list (<dl>) for key→value pairs — certificate fields, record metadata, summary stats. Terms render in mono small-caps (the OCSS label identity); values in the text face. The default autolayout is container-query driven: it shows two columns when there's room and stacks when the container is narrow, so it adapts to the column it lives in rather than the viewport.
Auto layout (default)
Two columns when wide, stacked when narrow. Resize the frame's column to see it switch.
- Issuer
- phosra.org
- Subject
- Common Sense Media — Ratings Authority
- Accreditation
- Tier 3
- Valid from
- 2026-01-01
- Valid until
- 2027-01-01
- Serial
- 0x4f9a2c1e88b3
Always two columns
- Issuer
- phosra.org
- Subject
- Common Sense Media — Ratings Authority
- Accreditation
- Tier 3
- Valid from
- 2026-01-01
- Valid until
- 2027-01-01
- Serial
- 0x4f9a2c1e88b3
Always stacked
- Issuer
- phosra.org
- Subject
- Common Sense Media — Ratings Authority
- Accreditation
- Tier 3
- Valid from
- 2026-01-01
- Valid until
- 2027-01-01
- Serial
- 0x4f9a2c1e88b3
With dividers
- Issuer
- phosra.org
- Subject
- Common Sense Media — Ratings Authority
- Accreditation
- Tier 3
- Valid from
- 2026-01-01
- Valid until
- 2027-01-01
- Serial
- 0x4f9a2c1e88b3
Numeric values + small size
Pass numeric per item to render the value in mono with tabular figures, so columns of numbers align.
- Signals routed
- 1,204,883
- Trusted issuers
- 42
- MUST conformance
- 100%
- Avg. latency
- 38 ms