From da272f914078ee3ad71df3e31aa073fb65a8c8fd Mon Sep 17 00:00:00 2001 From: Jack Date: Fri, 23 Apr 2021 17:30:54 +0100 Subject: [PATCH] moved the footer to a grid instead of flex to fix safari flex gap not working --- src/sass/style.scss | 10 +++++++--- 1 file changed, 7 insertions(+), 3 deletions(-) diff --git a/src/sass/style.scss b/src/sass/style.scss index db258b9cd..915f15b81 100644 --- a/src/sass/style.scss +++ b/src/sass/style.scss @@ -1783,15 +1783,19 @@ key { } .left { text-align: left; - display: flex; + display: grid; + grid-auto-flow: column; + width: fit-content; gap: 1rem; } .right { text-align: right; - display: flex; + display: grid; + grid-auto-flow: column; + width: fit-content; + justify-self: right; gap: 1rem; // align-items: center; - justify-content: flex-end; .current-theme { transition: 0.25s; text-decoration: none;