Square product-card images (aspect-ratio 1/1)

9ce0e431b73bbe64bfeaf8294c8939511e4eecd4 · 2026-07-06 17:57:08 -0700 · Steve Abrams

Files touched

M public/index.html

Diff

commit 9ce0e431b73bbe64bfeaf8294c8939511e4eecd4
Author: Steve Abrams <steve@designerwallcoverings.com>
Date:   Mon Jul 6 17:57:08 2026 -0700

    Square product-card images (aspect-ratio 1/1)
---
 public/index.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/public/index.html b/public/index.html
index 2407af2..d7076bd 100644
--- a/public/index.html
+++ b/public/index.html
@@ -94,7 +94,7 @@ nav.top a:hover{opacity:1}
 @media (max-width:560px){.grid{grid-template-columns:repeat(min(var(--cols),2),1fr)}}
 .card{background:var(--paper);border:1px solid var(--line);border-radius:10px;overflow:hidden;display:flex;flex-direction:column;transition:transform .15s,box-shadow .15s}
 .card:hover{transform:translateY(-2px);box-shadow:var(--shadow)}
-.card .img{aspect-ratio:1/1.15;background:#0001;display:block;background-size:cover;background-position:center}
+.card .img{aspect-ratio:1/1;background:#0001;display:block;background-size:cover;background-position:center}
 .card .body{padding:11px 12px 12px}
 .card .surface{font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--accent);font-weight:700}
 .card .ttl{font-size:14px;line-height:1.35;margin:4px 0 6px;color:var(--fg);min-height:2.6em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}

← b85f0da corner-nav: move login to its own hamburger in upper-left (p · back to Wallsandfabrics · (newest)