Content was improperly positioned, leading to footer being out of view in some cases, fixed.

This commit is contained in:
Eliseu Amaro 2021-09-13 14:24:08 +01:00
parent dabae9fbb4
commit cf28f30a4d
2 changed files with 11 additions and 3 deletions

View File

@ -138,8 +138,13 @@ hr {
.content, .content,
.content ~ * { .content ~ * {
top: unset !important; top: unset !important;
padding-top: 0 !important;
position: relative !important; position: relative !important;
} }
.soc {
top: 3rem !important;
height: calc(100vh - 4rem);
}
.splash-head { .splash-head {
font-size: 2rem !important; font-size: 2rem !important;
@ -164,6 +169,10 @@ hr {
.l-box { .l-box {
margin-right: 1rem; margin-right: 1rem;
} }
footer {
position: relative !important;
}
} }
/* /*
@ -217,7 +226,6 @@ hr {
.content { .content {
z-index: 2; z-index: 2;
position: sticky; position: sticky;
top: 4rem;
padding: 4rem; padding: 4rem;
background-color: #e9eaed; background-color: #e9eaed;
} }

View File

@ -27,8 +27,8 @@
</div> </div>
</header> </header>
<div class="content-wrapper"> <div class="body-wrapper">
<div class="content soc"> <div class="content">
<h2 class="content-head is-center">Summer of Code</h2> <h2 class="content-head is-center">Summer of Code</h2>