From 0f0300a23a1f5015978dfcf0a4d4e73b98b1f421 Mon Sep 17 00:00:00 2001 From: "Claudio Maggioni (maggicl)" Date: Tue, 26 Jan 2021 22:09:05 +0100 Subject: [PATCH] fixed mobile pt.2 --- _sass/_layout.scss | 16 ++++++++++++++-- 1 file changed, 14 insertions(+), 2 deletions(-) diff --git a/_sass/_layout.scss b/_sass/_layout.scss index d87e495..b2ad200 100644 --- a/_sass/_layout.scss +++ b/_sass/_layout.scss @@ -29,6 +29,11 @@ ul.navbar-list { .head.navbar { display: flex; + @include media-query($on-palm) { + flex-direction: column; + align-items: center; + } + h1 { flex: 2; font-size: 1.5rem; @@ -78,6 +83,10 @@ ul.navbar-list { background: black; } + @include media-query($on-palm) { + figure { display: none; } + } + .quote { border-left: 3px dotted $brand-color; flex: 1; @@ -89,8 +98,6 @@ ul.navbar-list { .navbar-list .navbar-item { width: calc(100% - 2em); } - - .homequote figure { display: none } } @@ -116,6 +123,11 @@ footer { background: $nav-bg; color: $nav-col; + @include media-query($on-palm) { + flex-direction: column; + align-items: center; + } + .author { font-size: 1rem; text-align: right;