better style

This commit is contained in:
Mylloon 2022-06-23 17:12:10 +02:00
parent 841da793e5
commit 510ca35c87
Signed by: Anri
GPG key ID: A82D63DFF8D1317F
2 changed files with 29 additions and 10 deletions

View file

@ -1,15 +1,34 @@
.form-control {
width: 50% !important;
/* Center divs */
.center {
text-align: center;
padding-left: 2%;
padding-right: 2%;
}
/* Input */
.form-control[type="text"] {
margin: auto;
width: 50%;
font-size: 24px;
}
/* Size of block displaying informations */
.firstname-constant {
height: 15em;
min-height: 15em;
max-height: 15em;
height: 13em;
}
/* Size of information's text */
.firstname-constant p {
text-align: center;
font-size: 5em;
font-size: 60px;
}
/* Drop the size of the text when screen is small */
@media only screen and (max-width : 850px) {
.firstname-constant {
height: 7em;
}
.firstname-constant p {
font-size: 28px;
}
}

View file

@ -27,12 +27,12 @@
<body>
<img src="images/logo.webp" class="img-fluid mx-auto d-block" alt="Banner">
<input id="firstname" class="form-control form-control-lg mx-auto d-block" type="text" placeholder="<%- firstname_placeholder %>" autofocus>
<input id="firstname" class="form-control center" type="text" placeholder="<%- firstname_placeholder %>" autofocus>
<div class="firstname-constant"></div>
<div class="center firstname-constant"></div>
<hr>
<figure class="text-center">
<figure class="center">
<%- readme %>
</figure>