diff --git a/_sass/includes/footer.scss b/_sass/includes/footer.scss index 498757b..fa02322 100644 --- a/_sass/includes/footer.scss +++ b/_sass/includes/footer.scss @@ -5,12 +5,12 @@ footer.page-footer { a.social-link { padding: $size-16; background-color: $white; - margin-right: $size-16; fill: $black; display: inline-flex; justify-content: center; align-items: center; transition: all 0.2s ease-in-out; + margin-right: $size-16; svg { transition: all 0.2s ease-in-out; @@ -24,4 +24,17 @@ footer.page-footer { } } } + + @include touch { + padding-top: 0; + + a.social-link { + margin: 0; + } + .page-content { + display: flex; + justify-content: space-between; + flex-wrap: wrap; + } + } } diff --git a/_sass/includes/header.scss b/_sass/includes/header.scss index 3173485..ee42cbe 100644 --- a/_sass/includes/header.scss +++ b/_sass/includes/header.scss @@ -20,6 +20,11 @@ header.page-header { display: flex; flex-direction: column; align-items: flex-end; + + @include touch { + top: $size-16; + right: $size-12; + } .menu { display: flex; } diff --git a/_sass/pages/how-to-participate.scss b/_sass/pages/how-to-participate.scss index 1139ad2..2e34218 100644 --- a/_sass/pages/how-to-participate.scss +++ b/_sass/pages/how-to-participate.scss @@ -9,6 +9,12 @@ margin: 0 40px 16px 0; } + @include touch { + .content h2 { + margin: 0; + } + } + .content p:last-of-type { margin-top: 24px; }