gitea_admin/fabiennefoehn
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Lock hero headline lines

Browse Source
This commit is contained in:
Mathias Gläser
2026-03-22 17:12:45 +01:00
parent 5beee668a0
commit f393d0e8c1
2 changed files with 10 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
index.html
View File

@@ -23,7 +23,10 @@
alt="" alt=""
aria-hidden="true" aria-hidden="true"
/> />
<h1 class="section-title section-title--hero">Von der Idee zur<br />Wirkung</h1> <h1 class="section-title section-title--hero">
<span class="hero__line">Von der Idee zur</span>
<span class="hero__line">Wirkung</span>
</h1>
</div> </div>
<button class="button button--dark" type="button" data-open-contact> <button class="button button--dark" type="button" data-open-contact>
Lass uns starten Lass uns starten

7
styles.css
View File

@@ -142,11 +142,16 @@ button {
.section-title--hero { .section-title--hero {
position: relative; position: relative;
z-index: 2; z-index: 2;
max-width: 6ch; max-width: none;
font-size: clamp(4rem, 5.15vw, 5.2rem); font-size: clamp(4rem, 5.15vw, 5.2rem);
text-align: center; text-align: center;
} }
.hero__line {
display: block;
white-space: nowrap;
}
.hero__scribble { .hero__scribble {
position: absolute; position: absolute;
pointer-events: none; pointer-events: none;