diff --git a/hubzilla/addon/vs01/view/css/vs01-directory.css b/hubzilla/addon/vs01/view/css/vs01-directory.css index 340dd46..f782b9a 100644 --- a/hubzilla/addon/vs01/view/css/vs01-directory.css +++ b/hubzilla/addon/vs01/view/css/vs01-directory.css @@ -22,8 +22,8 @@ /* --- Core cards (portrait, 300x450) --- */ .vs01-dir-card-core { - width: 300px; - height: 450px; + width: 100%; + height: auto; border: 1px solid var(--civicinfra-border); border-radius: var(--civicinfra-radius); overflow: hidden; @@ -33,18 +33,15 @@ } .vs01-dir-card-core .vs01-card-image { - width: 260px; - height: 260px; - flex: 0 0 260px; + width: 100%; overflow: hidden; + aspect-ratio: 1 / 1; } .vs01-dir-card-core .vs01-card-image img { display: block; - width: 260px; - height: 260px; - max-width: 260px; - max-height: 260px; + width: 100%; + height: 100%; object-fit: cover; } @@ -53,7 +50,7 @@ padding: var(--civicinfra-space-3) var(--civicinfra-space-4); display: flex; flex-direction: column; - justify-content: center; + justify-content: flex-start; overflow: hidden; }