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

7f268329545bd391a16568e408ee2eee196b874b · 2026-07-06 17:57:07 -0700 · Steve Abrams

Files touched

M public/index.html

Diff

commit 7f268329545bd391a16568e408ee2eee196b874b
Author: Steve Abrams <steve@designerwallcoverings.com>
Date:   Mon Jul 6 17:57:07 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 5359ac7..d26bb1c 100644
--- a/public/index.html
+++ b/public/index.html
@@ -106,7 +106,7 @@ h1.headline .accent-italic { color:var(--accent); font-style:italic }
 .toolbar .ct { font-size:10px; letter-spacing:0.28em; text-transform:uppercase; font-weight:700; color:var(--muted) }
 
 .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 .35s 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 .35s 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 }
 .card .overlay { position:absolute; inset:auto 0 0 0; padding:18px 14px 12px; background:linear-gradient(180deg, transparent 0%, rgba(0,0,0,0.85) 100%); transform:translateY(48%); opacity:.85; transition:transform .3s ease, opacity .3s ease }

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