fix(css): constrain gallery heading and pricing/contact sections to main container width #82
@@ -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 {
|
||||||
|
|||||||
Reference in New Issue
Block a user