jay/havox
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fixed mobile formatting for hero-by line

Browse Source
This commit is contained in:
John Gatward
2026-03-21 13:24:13 +00:00
parent 6f313c8d49
commit 2100334f1f
2 changed files with 22 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
archive/v1/index.html
View File

@@ -69,8 +69,6 @@
</div>
<div class="intro">
<h3 id="introjump">About me</h3>
<p class="v4-margin-note">The original
about me section was full of nonsense memes and has been removed.</p>
<p>A cool website to show my projects</p>
</div>

22
style.css
View File

@@ -1052,6 +1052,28 @@ footer a:hover {
font-size: clamp(2.8rem, 12vw, 5rem);
}
.hero-by-line {
align-items: flex-start;
flex-wrap: wrap;
gap: 0.35rem;
margin-bottom: 0.45rem;
}
.hero-by-line:last-child {
margin-bottom: 0;
}
.hero-by {
font-size: 0.86rem;
line-height: 1.5;
}
.hero-by-role {
font-size: 0.8rem;
line-height: 1.5;
opacity: 0.75;
}
footer {
flex-direction: column;
gap: 0.5rem;