Commit a175570d authored by gab's avatar gab

added better vertically and horizontally align code

parent bfefa3b5
...@@ -5,6 +5,7 @@ ...@@ -5,6 +5,7 @@
{% endblock %} {% endblock %}
{% block content %} {% block content %}
<div id="login-container" class="d-flex my-5">
<div id="login-form" class="mx-auto px-3 py-4 bg-white" style="width: 23rem;"> <div id="login-form" class="mx-auto px-3 py-4 bg-white" style="width: 23rem;">
<p class="h1">Log in</p> <p class="h1">Log in</p>
<form method="POST" autocomplete="off"> <form method="POST" autocomplete="off">
...@@ -37,5 +38,5 @@ ...@@ -37,5 +38,5 @@
</div> </div>
</form> </form>
</div> </div>
</div>
{% endblock %} {% endblock %}
\ No newline at end of file
...@@ -88,15 +88,12 @@ body { ...@@ -88,15 +88,12 @@ body {
height: 100vh; height: 100vh;
} }
#login-container {
align-items: center;
justify-content: center;
}
#login-form { #login-form {
/* Really Bad Code Start */
margin: 0;
position: absolute;
top: 50%;
left: 50%;
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
/* Really Bad Code End */
border-radius: 0.625rem; border-radius: 0.625rem;
border: 1px solid #000; border: 1px solid #000;
background: #FFF; background: #FFF;
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment