fix: responsive fixes
This commit is contained in:
parent
bcdfb3c0fd
commit
fd8d2641b9
5 changed files with 24 additions and 2 deletions
|
|
@ -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 {
|
||||||
|
|
|
||||||
|
|
@ -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 {
|
||||||
|
|
|
||||||
|
|
@ -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 {
|
||||||
|
|
|
||||||
|
|
@ -5,11 +5,16 @@
|
||||||
display: flex;
|
display: flex;
|
||||||
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 {
|
||||||
|
|
|
||||||
|
|
@ -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 {
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue