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

Refine heading scale and hero spacing

Browse Source 
Keep slider titles compact and readable while preserving responsive wrapping on smaller screens.

Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
Alireza Hassani
2026-08-26 13:04:13 +03:30
co-authored by Cursor
parent 8e376560cd
commit 85e61537e2
1 changed files with 19 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/globals.css
+19 -14
View File
@@ -307,7 +307,7 @@ button {
}
.hero__copy {
width: min(680px, 61%);
width: min(900px, 80%);
margin-bottom: 8px;
}
@@ -334,17 +334,17 @@ button {
}
.hero h1 {
max-width: 680px;
max-width: none;
margin: 0;
font-size: clamp(44px, 4.2vw, 67px);
line-height: 1.38;
font-size: clamp(30px, 3vw, 40px);
line-height: 1.28;
letter-spacing: -1.7px;
text-wrap: balance;
white-space: nowrap;
}
.hero__description {
max-width: 595px;
margin: 24px 0 32px;
margin: 9px 0 27px;
color: rgba(255, 255, 255, 0.78);
font-size: 17px;
line-height: 2;
@@ -732,7 +732,7 @@ button {
.section-title h2 {
margin: 0;
color: var(--navy);
font-size: clamp(29px, 3vw, 41px);
font-size: clamp(25px, 2.4vw, 35px);
line-height: 1.5;
}
@@ -1686,6 +1686,11 @@ button {
width: 85%;
}
.hero h1 {
white-space: normal;
text-wrap: balance;
}
.hero__stats {
display: none;
}
@@ -1818,12 +1823,12 @@ button {
}
.hero h1 {
font-size: 37px;
font-size: 32px;
line-height: 1.45;
}
.hero__description {
margin: 18px 0 25px;
margin: 10px 0 24px;
font-size: 14px;
}
@@ -1896,7 +1901,7 @@ button {
}
.section-title h2 {
font-size: 28px;
font-size: 24px;
}
.categories .section-title,
@@ -2113,7 +2118,7 @@ button {
.inner-hero__content h1 {
margin: 7px 0 2px;
font-size: clamp(42px, 5vw, 64px);
font-size: clamp(34px, 4vw, 52px);
line-height: 1.5;
}
@@ -2216,7 +2221,7 @@ button {
.contact-main__copy h2 {
margin: 5px 0 19px;
color: var(--navy);
font-size: clamp(31px, 3.5vw, 44px);
font-size: clamp(27px, 3vw, 38px);
line-height: 1.55;
}
@@ -2311,7 +2316,7 @@ button {
.inner-section-title h2 {
margin: 7px 0 0;
color: var(--navy);
font-size: clamp(30px, 3.2vw, 41px);
font-size: clamp(26px, 2.7vw, 35px);
}
.mission__grid {
@@ -2923,7 +2928,7 @@ button {
}
.inner-hero__content h1 {
font-size: 39px;
font-size: 32px;
}
.inner-hero__content > p {