Сделал футер

This commit is contained in:
Данил 2024-09-22 18:22:05 +03:00
parent 58ad4b3724
commit 691b13efeb
2 changed files with 38 additions and 7 deletions

View file

@ -49,8 +49,10 @@
<p class="text">Creating graphs</p> <p class="text">Creating graphs</p>
</div> </div>
</div> </div>
<footer> <div class="footer-wrapper">
<p>Kekkai, Copyright © 2024 Redume. License under <a href="https://github.com/Redume/Kekkai/blob/main/LICENSE">GPLv3</a></p> <footer>
</footer> <p>Kekkai, Copyright © 2024 Redume. License under <a href="https://github.com/Redume/Kekkai/blob/main/LICENSE">GPLv3</a></p>
</footer>
</div>
</body> </body>
</html> </html>

View file

@ -83,19 +83,35 @@ body {
font-weight: bold; font-weight: bold;
} }
footer {display: none}
.footer-wrapper {
position: relative;
min-height: 100%;
}
footer {
flex: 0 0 auto;
width: 100%;
background: rgba(0, 0, 0, 0.39);
position: absolute;
left: 0;
bottom: 0;
}
footer p{
word-wrap: break-word;
text-align: center;
}
footer a:visited { footer a:visited {
color: white color: white
} }
@media (min-width: 768px) { @media (min-width: 768px) {
.desc { .desc {
font-size: 20px; font-size: 20px;
} }
} }
@media (min-width: 1200px) { @media (min-width: 1200px) {
@ -108,4 +124,17 @@ footer a:visited {
align-items: center; align-items: center;
gap: 200px; gap: 200px;
} }
.footer-wrapper {
position: relative;
min-height: 100%;
}
footer {
width: 100%;
background: rgba(0, 0, 0, 0.39);
position: absolute;
left: 0;
bottom: 0;
}
} }