intro-row: pack subtitle + stats to the left, leftover space sits on the right
Browse files- 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
|
| 59 |
-
to
|
| 60 |
-
|
|
|
|
| 61 |
.intro-row {
|
| 62 |
display: grid;
|
| 63 |
grid-template-columns: minmax(0, 720px) auto;
|
| 64 |
-
justify-content:
|
| 65 |
gap: 28px;
|
| 66 |
align-items: start;
|
| 67 |
margin-top: 10px;
|
| 68 |
}
|
| 69 |
@media (max-width: 980px) {
|
| 70 |
-
.intro-row { grid-template-columns: 1fr;
|
| 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);
|