Commit 6b94b2e
committed
fix(lab-card): stack links vertically, right-align in horizontal mode
Two defects reported on the home page:
- Links weren't right-aligned. The link column sat in the right grid
track but its flex children aligned to the column's start, so the
block hugged the center gutter.
- The second link in a group appeared slightly lower. The list was
flex-wrap with a row gap; two-link groups would wrap unpredictably
when the label widths were close to the column width.
Switch the link list to a vertical stack. In horizontal-band mode
(container ≥40rem), right-align each group and its anchors with
flex-end + text-align: end. On narrow stacked cards, default start
alignment is preserved so the link list reads naturally below the
intro.1 parent 158e9b6 commit 6b94b2e
1 file changed
Lines changed: 9 additions & 2 deletions
| Original file line number | Diff line number | Diff line change | |
|---|---|---|---|
| |||
58 | 58 | | |
59 | 59 | | |
60 | 60 | | |
61 | | - | |
62 | | - | |
| 61 | + | |
| 62 | + | |
63 | 63 | | |
64 | 64 | | |
65 | 65 | | |
| |||
97 | 97 | | |
98 | 98 | | |
99 | 99 | | |
| 100 | + | |
| 101 | + | |
| 102 | + | |
| 103 | + | |
| 104 | + | |
| 105 | + | |
| 106 | + | |
100 | 107 | | |
101 | 108 | | |
0 commit comments