Widen container to 70rem; show post thumbnails full-width on tablet, side image only on desktop 1024px+
Deploy / build (push) Successful in 33s

This commit is contained in:
2026-09-09 06:15:07 +08:00
parent 7f25f9ae4d
commit 493dab88ba
4 changed files with 4 additions and 9 deletions
Binary file not shown.

After

Width:  |  Height:  |  Size: 126 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 63 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 57 KiB

+4 -9
View File
@@ -29,7 +29,7 @@
--lh-body: 1.7;
/* Layout */
--measure: 46rem; /* 6575ch measure */
--measure: 70rem; /* global container width (nav, footer, all pages) */
--radius: 8px;
color-scheme: light dark;
@@ -326,16 +326,11 @@ pre code {
object-fit: cover;
}
@media (min-width: 768px) {
.post-list .post-row {
grid-template-columns: 220px 1fr;
gap: 1.5rem;
align-items: center;
}
}
@media (min-width: 1024px) {
.post-list .post-row {
grid-template-columns: 260px 1fr;
grid-template-columns: 300px 1fr;
gap: 1.75rem;
align-items: center;
}
}