fix(css): constrain gallery heading and pricing/contact sections to main container width #82

Merged
greggy merged 4 commits from feature/gallery-and-section-containers into main 2026-06-14 16:50:01 +02:00
Showing only changes of commit dfe2178da8 - Show all commits

View File

@@ -548,6 +548,12 @@ nav.scrolled {
margin: 0 auto; margin: 0 auto;
} }
.gallery-section .section-head {
max-width: 1400px;
margin: 0 auto;
padding: 5rem 1.5rem 2.5rem;
}
.gallery-header h2 { .gallery-header h2 {
font-family: "Cormorant Garamond", serif; font-family: "Cormorant Garamond", serif;
font-size: clamp(2rem, 3vw, 2.8rem); font-size: clamp(2rem, 3vw, 2.8rem);
@@ -636,6 +642,10 @@ nav.scrolled {
.gallery-header { .gallery-header {
padding: 3rem 1.5rem 2rem; padding: 3rem 1.5rem 2rem;
} }
.gallery-section .section-head {
padding: 3rem 1rem 2rem;
}
} }
@media (width <= 480px) { @media (width <= 480px) {
@@ -789,6 +799,8 @@ nav.scrolled {
.pricing-section { .pricing-section {
background: var(--dark); background: var(--dark);
padding: 6rem 3rem; padding: 6rem 3rem;
max-width: 1200px;
margin: 0 auto;
} }
.pricing-inner { .pricing-inner {
@@ -1044,6 +1056,8 @@ nav.scrolled {
.contact-section { .contact-section {
background: var(--cream); background: var(--cream);
padding: 6rem 3rem; padding: 6rem 3rem;
max-width: 1200px;
margin: 0 auto;
} }
.contact-inner { .contact-inner {