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

0d7537bc94ed4dbbc2fc5622b8721b2fb2c4ebe7 · 2026-07-06 17:57:08 -0700 · Steve Abrams

Files touched

M public/index.html

Diff

commit 0d7537bc94ed4dbbc2fc5622b8721b2fb2c4ebe7
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 2e41142..156d56c 100644
--- a/public/index.html
+++ b/public/index.html
@@ -106,7 +106,7 @@ header { position:fixed; top:0; left:0; right:0; display:flex; justify-content:s
 
 /* ===== Product grid (novasuede pattern: flush grid + slide-up overlay) ===== */
 .grid { display:grid; grid-template-columns:repeat(var(--cols), 1fr); gap:0 }
-.card { position:relative; aspect-ratio:1/1.15; cursor:pointer; overflow:hidden; border:1px solid var(--bg); transition:transform 0.4s cubic-bezier(0.2,0.8,0.2,1); background:var(--bg-soft) }
+.card { position:relative; aspect-ratio:1/1; cursor:pointer; overflow:hidden; border:1px solid var(--bg); transition:transform 0.4s cubic-bezier(0.2,0.8,0.2,1); background:var(--bg-soft) }
 .card:hover { transform:scale(1.04); z-index:5 }
 .card img { width:100%; height:100%; object-fit:cover; display:block; transition:transform 0.4s ease }
 .card .overlay { position:absolute; left:0; right:0; bottom:0; padding:20px 16px 14px; background:linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.85) 100%); transform:translateY(48%); opacity:0.85; transition:transform 0.3s ease, opacity 0.3s ease }

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