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

Adjust about heading

Browse Source
This commit is contained in:
Mathias Gläser
2026-03-22 17:48:03 +01:00
parent fb01179c51
commit 6f637a9c64
2 changed files with 17 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
index.html
View File

@@ -123,7 +123,12 @@
<div class="section__content about__content"> <div class="section__content about__content">
<div class="section-head"> <div class="section-head">
<h2 class="section-title">Über mich</h2> <h2 class="section-title">Über mich</h2>
<img src="./media/striche_blau_unter_wort.svg" alt="" aria-hidden="true" /> <img
class="section-head__accent section-head__accent--about"
src="./media/striche_blau_unter_wort.svg"
alt=""
aria-hidden="true"
/>
</div> </div>
<div class="about__text"> <div class="about__text">

11
styles.css
View File

@@ -382,6 +382,7 @@ button {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
justify-content: center; justify-content: center;
padding-left: calc(var(--section-padding-x) + 2.5rem);
} }
.about__content .section-head { .about__content .section-head {
@@ -394,6 +395,12 @@ button {
max-width: none; max-width: none;
} }
.section-head__accent--about {
order: -1;
margin-top: 0.4rem;
margin-right: 0.5rem;
}
.about__content .section-head img { .about__content .section-head img {
width: clamp(88px, 10vw, 120px); width: clamp(88px, 10vw, 120px);
} }
@@ -716,6 +723,10 @@ button {
order: -1; order: -1;
} }
.about__content {
padding-left: 1.5rem;
}
.about__media img { .about__media img {
aspect-ratio: 4 / 5; aspect-ratio: 4 / 5;
} }