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;
|
||||
flex-direction: column;
|
||||
padding: 0 20px;
|
||||
|
||||
@media (max-width: v.$bp_mobile) {
|
||||
padding: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.contact-method__name {
|
||||
|
|
|
|||
|
|
@ -2,6 +2,11 @@
|
|||
|
||||
.flex-section {
|
||||
margin: 48px 95px;
|
||||
|
||||
@media (max-width: v.$bp_mobile) {
|
||||
margin-left: 0;
|
||||
margin-right: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.flex-section__title {
|
||||
|
|
|
|||
|
|
@ -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 {
|
||||
|
|
|
|||
|
|
@ -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 {
|
||||
|
|
|
|||
|
|
@ -9,6 +9,10 @@
|
|||
flex-direction: column;
|
||||
padding: 0 20px;
|
||||
margin-bottom: 2rem;
|
||||
|
||||
@media (max-width: v.$bp_mobile) {
|
||||
padding: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.team-member__photo {
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue