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

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

Files touched

M public/index.html

Diff

commit 1c5932ce7c82f641cb7916d630f7cafdbf7af756
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 d7290eb..e3e93af 100644
--- a/public/index.html
+++ b/public/index.html
@@ -192,7 +192,7 @@ header {
   gap:2px;
 }
 .card {
-  position:relative; aspect-ratio:1/1.15;
+  position:relative; aspect-ratio:1/1;
   cursor:pointer; overflow:hidden;
   background:var(--bg-soft);
   transition:transform 0.4s cubic-bezier(0.2,0.8,0.2,1);
@@ -422,7 +422,7 @@ a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible
 #browse-rails .brw-rail::-webkit-scrollbar { display:none }
 #browse-rails .brw-card { flex:0 0 240px;scroll-snap-align:start;cursor:pointer;transition:transform 0.2s;text-decoration:none;color:inherit }
 #browse-rails .brw-card:hover { transform:translateY(-3px) }
-#browse-rails .brw-card img { width:100%;aspect-ratio:1/1.15;object-fit:cover;display:block;background:#eee }
+#browse-rails .brw-card img { width:100%;aspect-ratio:1/1;object-fit:cover;display:block;background:#eee }
 #browse-rails .brw-card .brw-cap { font-size:13px;font-weight:500;padding:8px 0 2px;line-height:1.3 }
 @media (max-width:720px) { #browse-rails .brw-card { flex:0 0 160px } }
 </style>

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