MiOM/miom.space
2
0
Fork 0
Code Issues Pull requests Packages Projects Releases Wiki Activity

homepage: fix black box below cards on certain screen sizes

Browse source
This commit is contained in:
Benjamin Yule Bädorf 2024-04-14 15:47:54 +02:00
parent 0481fdcf66
commit c1acb631ff
Signed by: b12f
GPG key ID: 729956E1124F8F26
2 changed files with 11 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
_includes/homepage.vto
View file

@ -33,5 +33,7 @@
<div class="mi-card--text">{{ card.text }}</div>
</a>
{{ /for }}
</main>
<div class="mi-page-filler"></div>
{{ /layout }}

10
styles.css
View file

@ -69,6 +69,13 @@ h4 {
width: 100vw;
}
.mi-page-filler {
width: 100%;
padding: 0;
flex-basis: 0;
flex-grow: 1;
}
.mi-border {
pointer-events: none;
z-index: 10;
@ -317,7 +324,7 @@ h4 {
.mi-main {
background: var(--background);
margin: 0 var(--box-padding);
flex-grow: 1;
flex-grow: 0;
position: relative;
margin-bottom: var(--box-padding);
}
@ -346,6 +353,7 @@ h4 {
background: var(--foreground);
grid-gap: 1px;
grid-template-columns: 1fr;
padding-bottom: 1px;
}
@media screen and (min-width: 800px) {