diff --git a/client/src/layouts/DefaultFooter.vue b/client/src/layouts/DefaultFooter.vue index eaea9cf4..555feb65 100644 --- a/client/src/layouts/DefaultFooter.vue +++ b/client/src/layouts/DefaultFooter.vue @@ -79,16 +79,33 @@ max-width: $footer-width; padding: 2*$large-spacing 0; display: flex; - justify-content: space-between; + flex-direction: column; + + @include desktop { + flex-direction: row; + justify-content: space-between; + } } &__who-are-we { - width: 330px; + width: 100%; + margin-bottom: $large-spacing; + + @include desktop { + width: 330px; + margin-bottom: 0; + } } &__logo-hep { - width: 147px; + width: auto; height: 35px; + margin-bottom: $large-spacing; + + @include desktop { + width: 147px; + margin-bottom: 0; + } } &__logo-ehb { @@ -100,11 +117,22 @@ width: 100%; max-width: $footer-width; padding: $large-spacing 0; + display: flex; + flex-direction: column; + + @include desktop { + flex-direction: row; + } } &__link { @include aside-with-cheese; margin-right: $large-spacing; + margin-bottom: $small-spacing; + + @include desktop { + margin-bottom: 0; + } } } diff --git a/client/src/styles/_default-layout.scss b/client/src/styles/_default-layout.scss index 3576be7c..414a208a 100644 --- a/client/src/styles/_default-layout.scss +++ b/client/src/styles/_default-layout.scss @@ -46,9 +46,23 @@ grid-area: h; } + &__content { + padding: 0 $small-spacing; + + @include desktop { + padding: 0; + } + } + &__footer { grid-area: f; margin-top: 3*$large-spacing; + + padding: 0 $small-spacing; + + @include desktop { + padding: 0; + } } }