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:
parent
c35242bf3c
commit
a179e2999f
2 changed files with 7 additions and 1 deletions
|
@ -57,6 +57,12 @@ body {
|
|||
padding: 0 10px;
|
||||
}
|
||||
|
||||
#content-div::after {
|
||||
content: " ";
|
||||
display: block;
|
||||
height: 50px;
|
||||
}
|
||||
|
||||
.footer {
|
||||
position: fixed;
|
||||
bottom: 0;
|
||||
|
|
|
@ -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">
|
||||
|
|
Loading…
Reference in a new issue