webfussel/wf4
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fix: text formatting

Browse source
This commit is contained in:
webfussel 2024-06-20 10:06:39 +02:00
parent 6b7342f646
commit 8c6345bb65
2 changed files with 7 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

5
assets/css/intro.css
View file

@ -26,6 +26,11 @@
& h1 { & h1 {
position: relative; position: relative;
& .dot {
position: relative;
right: 1rem;
}
& small { & small {
position: absolute; position: absolute;
font-size: 1.5rem; font-size: 1.5rem;

4
components/Intro.vue
View file

@ -2,8 +2,8 @@
<section id="intro" class="Intro content full default-gap"> <section id="intro" class="Intro content full default-gap">
<div class="intro-text flex-col default-gap"> <div class="intro-text flex-col default-gap">
<h1 class="flex-col"> <h1 class="flex-col">
<span class="greeting">Moin.</span> <span class="greeting">Moin. </span>
<span class="my-name-wrapper">Ich bin <span class="highlight">Fiona</span> <small>Urban</small>.</span> <span class="my-name-wrapper">Ich bin <span class="highlight">Fiona </span><small>Urban</small><span class="dot">.</span></span>
</h1> </h1>
<h3> <h3>
Component <span class="highlight">&</span> API Entwicklerin Component <span class="highlight">&</span> API Entwicklerin