From 781b7069238ab6cdcb2d728906d44349e94b8227 Mon Sep 17 00:00:00 2001 From: Emanuel Campos Date: Mon, 17 Apr 2023 02:15:45 -0300 Subject: [PATCH 1/3] fix footer layout on mobile --- assets/main.scss | 4 ++++ 1 file changed, 4 insertions(+) diff --git a/assets/main.scss b/assets/main.scss index fddabe6..8ba1fdd 100644 --- a/assets/main.scss +++ b/assets/main.scss @@ -43,6 +43,10 @@ .grid { grid-template-columns: 200px 200px; } + + .footer-col { + width: 100%; + } } @media only screen and (max-width: 320px) { From 94046ad4e4ff802ac3dbc6fa801a554af5b953ca Mon Sep 17 00:00:00 2001 From: Emanuel Campos Date: Mon, 17 Apr 2023 02:28:25 -0300 Subject: [PATCH 2/3] align header menu vertically --- assets/main.scss | 23 ++++++++++++++++++----- 1 file changed, 18 insertions(+), 5 deletions(-) diff --git a/assets/main.scss b/assets/main.scss index 8ba1fdd..dff9956 100644 --- a/assets/main.scss +++ b/assets/main.scss @@ -18,6 +18,17 @@ height: 56px; } +@media only screen and (min-width: 601px) { + .site-nav { + line-height: normal; + } + + .site-nav .page-link { + padding: 24px 0; + display: inline-block; + } +} + .footer-col-1 { width: -webkit-calc(25% - (#{$spacing-unit} / 2)); width: calc(25% - (#{$spacing-unit} / 2)); @@ -33,6 +44,12 @@ width: calc(45% - (#{$spacing-unit} / 2)); } +@media only screen and (max-width: 600px) { + .footer-col { + width: 100%; + } +} + .grid { display: grid; grid-template-columns: 200px 200px 200px; @@ -43,10 +60,6 @@ .grid { grid-template-columns: 200px 200px; } - - .footer-col { - width: 100%; - } } @media only screen and (max-width: 320px) { @@ -78,4 +91,4 @@ .meeting-title { display: inline-block; -} +} \ No newline at end of file From 4829c4dc882d6f2535285e4bf3c98bff5d3cb6f4 Mon Sep 17 00:00:00 2001 From: Emanuel Campos Date: Mon, 17 Apr 2023 02:35:35 -0300 Subject: [PATCH 3/3] align header menu icon vertically no mobile --- assets/main.scss | 8 +++++++- 1 file changed, 7 insertions(+), 1 deletion(-) diff --git a/assets/main.scss b/assets/main.scss index dff9956..53d5f0f 100644 --- a/assets/main.scss +++ b/assets/main.scss @@ -29,6 +29,12 @@ } } +@media only screen and (max-width: 600px) { + .site-nav { + top: 17px; + } +} + .footer-col-1 { width: -webkit-calc(25% - (#{$spacing-unit} / 2)); width: calc(25% - (#{$spacing-unit} / 2)); @@ -91,4 +97,4 @@ .meeting-title { display: inline-block; -} \ No newline at end of file +}