adequate "Mirror" mobile fix

This commit is contained in:
nnwhen 2025-05-01 16:05:16 +02:00
parent 1b38121a9b
commit f6bdc3f596
2 changed files with 13 additions and 5 deletions

View file

@ -74,7 +74,7 @@
/>
<img src="res/asset-sitewide-header-banner.png" alt="" />
</picture>
<a aria-label="Return to the Homepage" tabindex="-1" href="#">
<a aria-label="Return to the Homepage" tabindex="-1" href="index.html">
<picture id="header-img-group-logo">
<source
srcset="res/asset-sitewide-header-ennspace.avif"

View file

@ -670,17 +670,19 @@ footer#free {
/* Mirror List */
.ly-mirror {
display: flex;
width: min(95%, 1200px);
flex-wrap: wrap;
justify-content: space-evenly;
max-width: min(95%, 800px);
margin: 20px auto;
background-color: var(--accent-3);
}
.ly-mirror img,
.ly-mirror picture {
width: 250px;
height: 250px;
max-width: 250px;
max-height: 250px;
width: 100%;
object-fit: cover;
margin-right: 20px;
animation: load 1s infinite alternate;
}
.ly-mirror h1,
@ -700,6 +702,12 @@ footer#free {
font-size: larger;
font-family: "mono", monospace;
}
.mirror-info {
max-width: 500px;
width: 100%;
margin: auto;
padding: 10px;
}
/* Directory List Pages */
.list {