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

1f0b22956a02ceed536a9bf61b2ae4b92291ec2e · 2026-07-06 17:57:07 -0700 · Steve Abrams

Files touched

M public/index.html

Diff

commit 1f0b22956a02ceed536a9bf61b2ae4b92291ec2e
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 | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/public/index.html b/public/index.html
index 3629741..f868194 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 }
@@ -877,7 +877,7 @@ document.addEventListener('DOMContentLoaded', function(){ try { renderRailSectio
 #ideas .rail::-webkit-scrollbar { display:none }
 #ideas .rail-card { flex:0 0 240px; scroll-snap-align:start; cursor:pointer; transition:transform 0.2s }
 #ideas .rail-card:hover { transform:translateY(-3px) }
-#ideas .rail-card img { width:100%; aspect-ratio:1/1.15; object-fit:cover; display:block; background:var(--card,#222) }
+#ideas .rail-card img { width:100%; aspect-ratio:1/1; object-fit:cover; display:block; background:var(--card,#222) }
 #ideas .rail-card .rc-title { font-size:13px; font-weight:500; color:var(--paper,#fff); padding:8px 0 2px; line-height:1.3 }
 #ideas .rail-card .rc-meta  { font-size:11px; color:var(--muted,#888); letter-spacing:0.06em }
 @media (max-width:720px) { #ideas .rail-card { flex:0 0 160px } }

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