content screen height fix

This commit is contained in:
2026-08-23 00:53:32 -05:00
parent 21ebd13a07
commit 8432cc0bf6
4 changed files with 13 additions and 3 deletions

View File

@@ -193,6 +193,16 @@ tr {
position: unset !important;
}
.growBottom {
display: flex;
flex-direction: column;
min-height: 100vh;
}
.growBottom :last-child {
flex-grow: 1;
}
.header h1 {
display: inline-block;
transition: .4s;

View File

@@ -1,6 +1,6 @@
{% block content %}
<div class="foreground"></div>
<div class="relative">
<div class="relative growBottom">
<div id="nametag" class="flex" data-aos="fade-up">
<div>
<h1 class="textGrad">About</h1>

View File

@@ -19,7 +19,7 @@
{% endmacro %}
<div class="foreground homeground"></div>
<div class="relative">
<div class="relative growBottom">
<div id="nametag" class="flex" data-aos="fade-up">{{ nameplate() }}</div>
<!--<INSERT SMALL BANNER HERE FOR PROJECT IMAGECARD CAROUSEL>-->
<div id="desktopSpacer"></div>

View File

@@ -1,6 +1,6 @@
{% block content %}
<div class="foreground"></div>
<div class="relative">
<div class="relative growBottom">
<div id="nametag" class="flex" data-aos="fade-up">
<div>
<h1 class="textGrad">Work</h1>