FSST/Geizkragen
FSST/Geizkragen
2
0
Fork 0
Code Issues Projects 1 Releases 1 Wiki Activity

feat: adjust product grid layout for improved responsiveness and consistency

Browse Source
This commit is contained in:
Fabian Schieder 2026-03-18 16:14:06 +01:00
parent 5bde452437
commit 5ebb308879
1 changed files with 4 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
assets/css/compcard.css
View File

@ -5,9 +5,10 @@
/* ─── Product Grid ─── */ /* ─── Product Grid ─── */
.product-grid { .product-grid {
display: grid; display: grid;
grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); grid-template-columns: repeat(auto-fit, 260px);
gap: 1.5rem; gap: 1.5rem;
padding: 2rem; padding: 2rem;
justify-content: start;
} }
/* ─── Product Card ─── */ /* ─── Product Card ─── */
@ -21,6 +22,7 @@
display: flex; display: flex;
flex-direction: column; flex-direction: column;
min-height: 270px; min-height: 270px;
width: 260px;
text-decoration: none; text-decoration: none;
color: inherit; color: inherit;
position: relative; position: relative;
@ -239,7 +241,7 @@
/* ─── Responsive ─── */ /* ─── Responsive ─── */
@media (max-width: 768px) { @media (max-width: 768px) {
.product-grid { .product-grid {
grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)); grid-template-columns: repeat(auto-fit, 160px);
gap: 0.8rem; gap: 0.8rem;
padding: 1rem; padding: 1rem;
} }