diff --git a/src/app/styles/base/_base.scss b/src/app/styles/base/_base.scss index 1aaef4b01..70adf0f36 100644 --- a/src/app/styles/base/_base.scss +++ b/src/app/styles/base/_base.scss @@ -15,8 +15,7 @@ html { body { position: relative; width: 100%; - height: 100%; + min-height: 100%; background-color: $body-color; - overflow-y: scroll; -webkit-overflow-scrolling: touch; } diff --git a/src/app/styles/layouts/_info.scss b/src/app/styles/layouts/_info.scss index cbd0d14e5..e2a1de97e 100644 --- a/src/app/styles/layouts/_info.scss +++ b/src/app/styles/layouts/_info.scss @@ -1,16 +1,20 @@ .body-info, .body-explore, .body-about { - display: flex; - flex-flow: column nowrap; - align-items: stretch; - justify-content: flex-start; + display: block; + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; width: 100%; - min-height: 100%; + height: 100%; + max-height: 100%; background-color: $body-color; overflow-x: hidden; + overflow-y: scroll; + -webkit-overflow-scrolling: touch; .main { - flex: auto; - align-self: center; + display: block; max-width: $home-main-max-width; margin: 0 auto 10rem;