From dbe4f6370c03f67cddad577b56c8f67eb45b1836 Mon Sep 17 00:00:00 2001 From: Florian Michaut Date: Mon, 2 Dec 2024 14:40:30 +0100 Subject: [PATCH] styles(): use flex-wrap for social icons --- src/_includes/partials/global/site-foot.njk | 18 ++++++++++-------- src/scss/components/_site-foot.scss | 9 +++++---- 2 files changed, 15 insertions(+), 12 deletions(-) diff --git a/src/_includes/partials/global/site-foot.njk b/src/_includes/partials/global/site-foot.njk index 1e7d7bc..9798fd2 100644 --- a/src/_includes/partials/global/site-foot.njk +++ b/src/_includes/partials/global/site-foot.njk @@ -17,14 +17,16 @@

Contact

{{site.authorName}}

{{site.authorAddress}}
{{site.authorCity}}

- - - - - - - - +
+ + + + + + + + +
diff --git a/src/scss/components/_site-foot.scss b/src/scss/components/_site-foot.scss index 9b30ad0..a02e21d 100644 --- a/src/scss/components/_site-foot.scss +++ b/src/scss/components/_site-foot.scss @@ -21,10 +21,11 @@ margin-bottom: 1rem; } - .social { - + .social { - margin-left: 1.5rem; - } + .socials { + display: flex; + flex-wrap: wrap; + gap: 1.5rem; + width: calc((24px + 1.5rem) * 4); } }