diff --git a/web/public/logo.png b/web/public/logo.png index 71ffdc6..400049e 100644 Binary files a/web/public/logo.png and b/web/public/logo.png differ diff --git a/web/src/components/ArticleCard.tsx b/web/src/components/ArticleCard.tsx index cfd0b5b..57d717f 100644 --- a/web/src/components/ArticleCard.tsx +++ b/web/src/components/ArticleCard.tsx @@ -11,7 +11,7 @@ export function ArticleCard({ article, onClick, onToggleRead, onToggleFavorite } const timeToRead = Math.ceil((article.content?.length || 500) / 1000) + 1; return ( -
onClick(article)}> +
onClick(article)}> {/* Image Placeholder with Gold Overlay */}
diff --git a/web/src/index.css b/web/src/index.css index ca0bb62..fe6365a 100644 --- a/web/src/index.css +++ b/web/src/index.css @@ -70,21 +70,21 @@ @layer components { .magazine-grid { - column-count: 1; - column-gap: 2rem; + display: grid; + grid-template-columns: repeat(1, minmax(0, 1fr)); + gap: 2rem; padding: 2rem 0; - column-fill: balance; } @media (min-width: 768px) { .magazine-grid { - column-count: 2; + grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (min-width: 1024px) { .magazine-grid { - column-count: 3; + grid-template-columns: repeat(3, minmax(0, 1fr)); } }