diff --git a/client/styles/components/_about.scss b/client/styles/components/_about.scss index 8876f33f13..161ecb1bf8 100644 --- a/client/styles/components/_about.scss +++ b/client/styles/components/_about.scss @@ -21,6 +21,24 @@ .about__content-column { display: flex; flex-direction: column; + margin-left: 15px; + margin-right: 15px; +} + +@media (max-width: 768px) { + .about__content { + flex-direction: column; + overflow-y: auto; + overflow-x: hidden; + width: 100%; + margin-right: 15rem; + } + + .about__footer { + flex-direction: column; + padding-left: #{20 / $base-font-size}rem; + padding-right: #{20 / $base-font-size}rem; + } } .about__content-column-title { @@ -69,7 +87,7 @@ padding-top: #{18 / $base-font-size}rem; padding-right: #{20 / $base-font-size}rem; padding-bottom: #{21 / $base-font-size}rem; - padding-left: #{291 / $base-font-size}rem; + padding-left: #{20 / $base-font-size}rem; width: 100%; } diff --git a/client/styles/components/_overlay.scss b/client/styles/components/_overlay.scss index b33797f60d..7351b92e70 100644 --- a/client/styles/components/_overlay.scss +++ b/client/styles/components/_overlay.scss @@ -23,7 +23,6 @@ flex-wrap: wrap; flex-flow: column; max-height: 80%; - max-width: 65%; position: relative; padding-bottom: #{25 / $base-font-size}rem; }