place animated title text in a separate line

calblueprint · Jan 14, 2024 · 2ffd504 · 2ffd504
1 parent e78ce2e
commit 2ffd504
Showing 1 changed file with 3 additions and 1 deletion.
diff --git a/src/components/TitleAccent.astro b/src/components/TitleAccent.astro
@@ -40,7 +40,9 @@ const longestWord = words.reduce((prev, curr) =>
   // setting up spacing
   .container {
     position: relative;
-    display: inline-block;
+    display: block;
+    margin-inline: auto;
+    width: max-content;
   }
 
   .ghost {