diff --git a/assets/css/contact.scss b/assets/css/contact.scss index 7e1e631..b192cdb 100644 --- a/assets/css/contact.scss +++ b/assets/css/contact.scss @@ -51,6 +51,10 @@ align-items: center; flex-direction: column; padding: 0 20px; + + @media (max-width: v.$bp_mobile) { + padding: 0; + } } .contact-method__name { diff --git a/assets/css/flex-section.scss b/assets/css/flex-section.scss index 7ab60c4..906da23 100644 --- a/assets/css/flex-section.scss +++ b/assets/css/flex-section.scss @@ -2,6 +2,11 @@ .flex-section { margin: 48px 95px; + + @media (max-width: v.$bp_mobile) { + margin-left: 0; + margin-right: 0; + } } .flex-section__title { diff --git a/assets/css/full-section.scss b/assets/css/full-section.scss index 7e248c2..168d0ba 100644 --- a/assets/css/full-section.scss +++ b/assets/css/full-section.scss @@ -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 { diff --git a/assets/css/half-section.scss b/assets/css/half-section.scss index b8db7e3..79ce08b 100644 --- a/assets/css/half-section.scss +++ b/assets/css/half-section.scss @@ -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 { diff --git a/assets/css/team.scss b/assets/css/team.scss index 02c6565..ee5d4b9 100644 --- a/assets/css/team.scss +++ b/assets/css/team.scss @@ -9,6 +9,10 @@ flex-direction: column; padding: 0 20px; margin-bottom: 2rem; + + @media (max-width: v.$bp_mobile) { + padding: 0; + } } .team-member__photo {