From 98001cfeb01780fa3a360ce3458f5e0783f47f0b Mon Sep 17 00:00:00 2001 From: Ali Kaafarani Date: Mon, 31 Jan 2022 20:43:25 +0100 Subject: [PATCH] Adjust small-screen design --- assets/sass/_content_responsive.scss | 22 ++++++++++++++++------ assets/sass/_layout_responsive.scss | 2 ++ 2 files changed, 18 insertions(+), 6 deletions(-) diff --git a/assets/sass/_content_responsive.scss b/assets/sass/_content_responsive.scss index 38720bc..a70cecb 100644 --- a/assets/sass/_content_responsive.scss +++ b/assets/sass/_content_responsive.scss @@ -9,12 +9,22 @@ } article.projects { - .right { - float: none; - display: block; - width: 100%; - max-width: none; - margin: 0 0 30px 0; + section { + .right { + float: none; + display: block; + width: 100%; + max-width: none; + margin: 0 0 30px 0; + } + } + } + + article.profile { + .keywords { + grid-template-columns: 1fr; + row-gap: 40px; + margin-top: 40px; } } } diff --git a/assets/sass/_layout_responsive.scss b/assets/sass/_layout_responsive.scss index ff2cda0..996ad8e 100644 --- a/assets/sass/_layout_responsive.scss +++ b/assets/sass/_layout_responsive.scss @@ -46,6 +46,8 @@ } footer { + padding-bottom: 40px; + .content { grid-template-columns: 1fr; } -- 2.45.2