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;
flex-direction: column;
padding: 0 20px;
@media (max-width: v.$bp_mobile) {
padding: 0;
}
}
.contact-method__name {

View file

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

View file

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

View file

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

View file

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