feat: add clearfix to content container

Modified the content container in the HTML template to include an ID for easier styling. Added a clearfix using CSS after pseudo-element to ensure proper behavior and layout flow. This resolves layout issues caused by floating elements within the container.
This commit is contained in:
Kumi 2024-06-19 10:26:15 +02:00
parent c35242bf3c
commit a179e2999f
Signed by: kumi
GPG key ID: ECBCC9082395383F
2 changed files with 7 additions and 1 deletions

View file

@ -57,6 +57,12 @@ body {
padding: 0 10px;
}
#content-div::after {
content: " ";
display: block;
height: 50px;
}
.footer {
position: fixed;
bottom: 0;

View file

@ -11,7 +11,7 @@
<nav class="navbar navbar-dark bg-dark">
<a class="navbar-brand" href="/">GitCloak</a>
</nav>
<div class="container mt-4">
<div id="content-div" class="container mt-4">
{% block content %}{% endblock %}
</div>
<footer class="footer mt-auto py-3 bg-dark text-white">