fix: responsive fixes

This commit is contained in:
Iain Learmonth 2026-02-08 13:41:56 +00:00
parent bcdfb3c0fd
commit fd8d2641b9
5 changed files with 24 additions and 2 deletions

View file

@ -51,6 +51,10 @@
align-items: center; align-items: center;
flex-direction: column; flex-direction: column;
padding: 0 20px; padding: 0 20px;
@media (max-width: v.$bp_mobile) {
padding: 0;
}
} }
.contact-method__name { .contact-method__name {

View file

@ -2,6 +2,11 @@
.flex-section { .flex-section {
margin: 48px 95px; margin: 48px 95px;
@media (max-width: v.$bp_mobile) {
margin-left: 0;
margin-right: 0;
}
} }
.flex-section__title { .flex-section__title {

View file

@ -10,6 +10,10 @@
box-sizing: border-box; box-sizing: border-box;
max-width: v.$max_content_width; max-width: v.$max_content_width;
} }
@media (max-width: v.$bp_mobile) {
padding: 10px 20px;
}
} }
.full-section__content { .full-section__content {

View file

@ -6,10 +6,15 @@
justify-content: center; justify-content: center;
& > div { & > div {
flex: 0 0 50%;
box-sizing: border-box; box-sizing: border-box;
max-width: calc(v.$max_content_width / 2); max-width: calc(v.$max_content_width / 2);
} }
@media (min-width: v.$bp_mobile) {
& > div {
flex: 0 0 50%;
}
}
} }
.half-section__content { .half-section__content {

View file

@ -9,6 +9,10 @@
flex-direction: column; flex-direction: column;
padding: 0 20px; padding: 0 20px;
margin-bottom: 2rem; margin-bottom: 2rem;
@media (max-width: v.$bp_mobile) {
padding: 0;
}
} }
.team-member__photo { .team-member__photo {