lvwerra HF Staff commited on
Commit
052e05b
·
verified ·
1 Parent(s): c20e9bf

intro-row: pack subtitle + stats to the left, leftover space sits on the right

Browse files
Files changed (1) hide show
  1. static/index.html +6 -5
static/index.html CHANGED
@@ -55,19 +55,20 @@
55
  color: var(--muted);
56
  }
57
 
58
- /* Subtitle on the left (capped at a readable width), 2x2 stats anchored
59
- to the right edge. On wide screens this leaves a gutter of whitespace
60
- between the two; on narrow screens the row collapses below 980px. */
 
61
  .intro-row {
62
  display: grid;
63
  grid-template-columns: minmax(0, 720px) auto;
64
- justify-content: space-between;
65
  gap: 28px;
66
  align-items: start;
67
  margin-top: 10px;
68
  }
69
  @media (max-width: 980px) {
70
- .intro-row { grid-template-columns: 1fr; justify-content: stretch; }
71
  }
72
  .subtitle a {
73
  color: var(--accent);
 
55
  color: var(--muted);
56
  }
57
 
58
+ /* Subtitle on the left (capped at a readable width), 2x2 stats sitting
59
+ immediately to its right. Any extra container width sits as empty space
60
+ after the stats they don't get pushed around. Below 980px the row
61
+ collapses to a single column. */
62
  .intro-row {
63
  display: grid;
64
  grid-template-columns: minmax(0, 720px) auto;
65
+ justify-content: start;
66
  gap: 28px;
67
  align-items: start;
68
  margin-top: 10px;
69
  }
70
  @media (max-width: 980px) {
71
+ .intro-row { grid-template-columns: 1fr; }
72
  }
73
  .subtitle a {
74
  color: var(--accent);