From 8c6345bb65e6c76102c9e44510126ff53eb85945 Mon Sep 17 00:00:00 2001
From: webfussel <fiona@webfussel.de>
Date: Thu, 20 Jun 2024 10:06:39 +0200
Subject: [PATCH] fix: text formatting

---
 assets/css/intro.css | 5 +++++
 components/Intro.vue | 4 ++--
 2 files changed, 7 insertions(+), 2 deletions(-)

diff --git a/assets/css/intro.css b/assets/css/intro.css
index 59ae314..5c2d93c 100644
--- a/assets/css/intro.css
+++ b/assets/css/intro.css
@@ -26,6 +26,11 @@
         & h1 {
             position: relative;
 
+            & .dot {
+                position: relative;
+                right: 1rem;
+            }
+
             & small {
                 position: absolute;
                 font-size: 1.5rem;
diff --git a/components/Intro.vue b/components/Intro.vue
index 9f3b3ff..9638671 100644
--- a/components/Intro.vue
+++ b/components/Intro.vue
@@ -2,8 +2,8 @@
   <section id="intro" class="Intro content full default-gap">
     <div class="intro-text flex-col default-gap">
       <h1 class="flex-col">
-        <span class="greeting">Moin.</span>
-        <span class="my-name-wrapper">Ich bin <span class="highlight">Fiona</span> <small>Urban</small>.</span>
+        <span class="greeting">Moin. </span>
+        <span class="my-name-wrapper">Ich bin <span class="highlight">Fiona </span><small>Urban</small><span class="dot">.</span></span>
       </h1>
       <h3>
         Component <span class="highlight">&</span> API Entwicklerin