diff --git a/.og/gen/v-desktop.png b/.og/gen/v-desktop.png new file mode 100644 index 0000000..0627987 Binary files /dev/null and b/.og/gen/v-desktop.png differ diff --git a/.og/gen/v-tablet768.png b/.og/gen/v-tablet768.png new file mode 100644 index 0000000..86dbb65 Binary files /dev/null and b/.og/gen/v-tablet768.png differ diff --git a/.og/gen/v-tablet900.png b/.og/gen/v-tablet900.png new file mode 100644 index 0000000..4b4c46f Binary files /dev/null and b/.og/gen/v-tablet900.png differ diff --git a/src/styles/global.css b/src/styles/global.css index f89c03f..445e82b 100644 --- a/src/styles/global.css +++ b/src/styles/global.css @@ -29,7 +29,7 @@ --lh-body: 1.7; /* Layout */ - --measure: 46rem; /* 65–75ch 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; } }