mirror of
https://github.com/pbakaus/impeccable.git
synced 2026-09-12 14:16:28 +03:00
Paul Bakaus
26436a657a
The demo's Before/After labels and the descriptive caption were on two separate rows below the card. Merge them into one row: Before pinned left, caption centered in the middle, After pinned right. - Move the caption <p> inside .split-labels between the two label spans. If a skill has no caption, emit an empty <span> placeholder so the grid still has three cells and Before/After sit at the edges. - Switch .split-labels from flex space-between to a 3-column grid (auto minmax(0,1fr) auto) with baseline alignment. Before is justify-self: start, After is justify-self: end, caption is justify-self: center. - Reset the caption's typography inside the grid (default body font, not mono; text-transform: none; letter-spacing: 0) since it inherits the label row's monospace caps by default.