All font size responsive updated

This commit is contained in:
akash 2025-11-28 21:16:24 +05:30
parent 3a62adc229
commit d3d40cdac8
8 changed files with 30 additions and 9 deletions

View File

@ -22,7 +22,7 @@
.heroTitle {
font-family: var(--font-playfair);
font-size: var(--hero-title-size);
color: #f5e6d3;
color: #d3cab3;
text-transform: uppercase;
letter-spacing: 2px;
margin-bottom: 1rem;

View File

@ -19,7 +19,7 @@
.heroTitle {
font-family: var(--font-playfair);
font-size: var(--hero-title-size);
color: #f5e6d3;
color: #d3cab3;
text-transform: uppercase;
letter-spacing: 2px;
margin-bottom: 1rem;

View File

@ -21,7 +21,7 @@
.heroTitle {
font-family: var(--font-playfair);
font-size: var(--hero-title-size);
color: #f5e6d3;
color: #d3cab3;
text-transform: uppercase;
letter-spacing: 2px;
margin-bottom: 1rem;

View File

@ -20,7 +20,7 @@
.heroTitle {
font-family: var(--font-playfair);
font-size: var(--hero-title-size);
color: #f5e6d3;
color: #d3cab3;
text-transform: uppercase;
letter-spacing: 2px;
margin-bottom: 1rem;

View File

@ -21,7 +21,7 @@
.heroTitle {
font-family: var(--font-playfair);
font-size: var(--hero-title-size);
color: #f5e6d3;
color: #d3cab3;
text-transform: uppercase;
letter-spacing: 2px;
margin-bottom: 1rem;

View File

@ -76,6 +76,27 @@ button {
background-color: var(--color-button);
}
/* ===== H2 RESPONSIVE FONT SIZES ===== */
/* Desktop and Tablet Large: 992px and above - 48px */
h2 {
font-size: 48px !important;
}
/* Tablet: 768px to 991px - 40px */
@media (max-width: 991px) and (min-width: 768px) {
h2 {
font-size: 40px !important;
}
}
/* Mobile: 320px to 767px - 26px */
@media (max-width: 767px) {
h2 {
font-size: 30px !important;
}
}
/* Global Border Utility */
.border-standard {
border-color: var(--color-border);

View File

@ -21,7 +21,7 @@
.heroTitle {
font-family: var(--font-playfair);
font-size: var(--hero-title-size);
color: #f5e6d3;
color: #d3cab3;
text-transform: uppercase;
letter-spacing: 2px;
margin-bottom: 1rem;

View File

@ -56,7 +56,7 @@
.title {
font-family: var(--font-playfair);
font-size: 78px;
color: #f5e6d3;
color: #d3cab3;
margin-bottom: 1rem;
line-height: 1.2;
text-align: left;
@ -108,8 +108,8 @@
}
.btnSecondary:hover {
background-color: #b28839;
color: #000;
background-color: var(--color-gold);
color: #fff;
}
.dots {