From b99a47985b2253cb1de3cbb5efec8abf25292c03 Mon Sep 17 00:00:00 2001
From: asus <asus@example.com>
Date: Wed, 20 Dec 2023 10:33:12 +0100
Subject: [PATCH] changed flex gap in 2 words ascii title for a margin

---
 styles/elements/title.css | 17 ++++++++++++++++-
 1 file changed, 16 insertions(+), 1 deletion(-)

diff --git a/styles/elements/title.css b/styles/elements/title.css
index 07b3ccf..56b291b 100644
--- a/styles/elements/title.css
+++ b/styles/elements/title.css
@@ -6,6 +6,21 @@
 	margin:20px 0px 20px 0px;
 }
 .title {
-	gap:10px 30px;
+/*
+	older safari doesn't not support flex gap
+	I could use a workaround :
+		https://stackoverflow.com/questions/65452057/flexbox-gap-workaround-for-safari
+	but it doesn't work with wrap
+	so instead I make them in columns and add a margin
+
+	gap: 10px 30px;
+*/
+	display: flex;
+	flex-direction: column;
+	align-items: center;
+}
+
+.title > *:first-child {
+	margin-bottom: 10px;
 }