meshkee-websites/khiyal-studio
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Tighten portfolio card layout with uniform images and spacing.

Browse Source 
Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
Alireza Hassani
2026-09-09 22:35:01 +03:30
co-authored by Cursor
parent 786d387bc5
commit a8454f37f0
1 changed files with 26 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/app/globals.css
+26 -5
View File
@@ -1747,36 +1747,57 @@ textarea {
.catalog-grid { .catalog-grid {
display: grid; display: grid;
grid-template-columns: repeat(3, 1fr); grid-template-columns: repeat(3, 1fr);
gap: 28px; column-gap: 28px;
row-gap: 12px;
} }
.catalog-card { .catalog-card {
display: grid; display: grid;
color: #fff; color: #fff;
margin-bottom: 28px;
} }
.catalog-card .zoom-frame { .catalog-card .zoom-frame {
min-height: 280px; aspect-ratio: 4 / 3;
min-height: 0;
height: auto;
}
.catalog-card .zoom-frame img {
width: 100%;
height: 100%;
min-height: 0;
aspect-ratio: 4 / 3;
object-fit: cover;
display: block;
} }
.catalog-copy { .catalog-copy {
display: grid; display: grid;
gap: 8px; gap: 2px;
padding-top: 18px; padding-top: 14px;
}
.catalog-copy .eyebrow {
margin-bottom: 0;
line-height: 1.3;
} }
.catalog-copy strong { .catalog-copy strong {
font-size: 22px; font-size: 22px;
font-weight: 500; font-weight: 500;
line-height: 1.2;
} }
.catalog-copy span:last-child { .catalog-copy span:last-child {
color: var(--medium-gray); color: var(--medium-gray);
line-height: 1.35;
} }
.catalog-fallback { .catalog-fallback {
display: block; display: block;
min-height: 280px; aspect-ratio: 4 / 3;
min-height: 0;
background: var(--nero-grey); background: var(--nero-grey);
} }