From 5065e8c6e9e16ba7eff7e53963124b697f89fecd Mon Sep 17 00:00:00 2001 From: Akemi Izuko Date: Fri, 29 Dec 2023 14:48:52 -0700 Subject: [PATCH] Blog: scale images on blog listing page --- src/pages/blog/index.astro | 43 ++++---------------------------------- 1 file changed, 4 insertions(+), 39 deletions(-) diff --git a/src/pages/blog/index.astro b/src/pages/blog/index.astro index edf451b..ae5851b 100644 --- a/src/pages/blog/index.astro +++ b/src/pages/blog/index.astro @@ -32,46 +32,11 @@ const posts = (await getCollection('blog')).sort( ul li { width: calc(50% - 1rem); } - /* - ul li * { - text-decoration: none; - transition: 0.2s ease; + img { + height: 232px; + width: 464px; + object-fit: contain; } - ul li:first-child { - width: 100%; - margin-bottom: 1rem; - text-align: center; - } - ul li:first-child img { - width: 100%; - } - ul li:first-child .title { - font-size: 2.369rem; - } - ul li img { - margin-bottom: 0.5rem; - border-radius: 12px; - } - ul li a { - display: block; - } - .title { - margin: 0; - color: rgb(var(--black)); - line-height: 1; - } - .date { - margin: 0; - color: rgb(var(--gray)); - } - ul li a:hover h4, - ul li a:hover .date { - color: rgb(var(--accent)); - } - ul a:hover img { - box-shadow: var(--box-shadow); - } - */ @media (max-width: 720px) { ul { gap: 0.5em;