diff --git a/frontend/src/pages/communities.astro b/frontend/src/pages/communities.astro index 57838e6..8afcb03 100644 --- a/frontend/src/pages/communities.astro +++ b/frontend/src/pages/communities.astro @@ -269,6 +269,12 @@ import { API_BASE as apiBase } from '../lib/api'; transition: transform var(--motion-normal) var(--easing-standard), box-shadow var(--motion-normal) var(--easing-standard), border-color var(--motion-fast) var(--easing-standard); } + @media (max-width: 640px) { + .community-tile { + padding: 1rem; + } + } + .community-tile::before { content: ''; position: absolute; @@ -302,6 +308,12 @@ import { API_BASE as apiBase } from '../lib/api'; margin: 0; } + @media (max-width: 640px) { + .tile-title { + font-size: 1rem; + } + } + .tile-slug { font-family: 'SF Mono', Monaco, 'Cascadia Code', ui-monospace, monospace; font-size: 0.8125rem; @@ -321,6 +333,12 @@ import { API_BASE as apiBase } from '../lib/api'; min-height: calc(0.9375rem * 1.55 * 2); } + @media (max-width: 640px) { + .tile-desc { + font-size: 0.9rem; + } + } + .tile-meta { margin-top: 1rem; display: flex; @@ -328,6 +346,12 @@ import { API_BASE as apiBase } from '../lib/api'; flex-wrap: wrap; } + @media (max-width: 640px) { + .tile-meta { + margin-top: 0.75rem; + } + } + .meta-pill { display: inline-flex; align-items: center;