better style
This commit is contained in:
parent
841da793e5
commit
510ca35c87
2 changed files with 29 additions and 10 deletions
|
@ -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;
|
||||
}
|
||||
}
|
||||
|
|
|
@ -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>
|
||||
|
||||
|
|
Loading…
Reference in a new issue