=setup form layout

This commit is contained in:
Miki 2023-12-06 11:35:03 +01:00
parent 517d64d183
commit 9b805e7b77

View file

@ -7,7 +7,7 @@
<span class="title">title</span>
</div>
<div>
<div class="heat">
<form action="" method="post">
<label for="name">Name</label>
<input id="name" type="text">
@ -16,7 +16,7 @@
</form>
</div>
<div>
<div class="surfer">
<form action="" method="post">
<label for="firstname">Firstname</label>
<input id="firstname" type="text">
@ -32,7 +32,7 @@
.header {
background-color: black;
color: aliceblue;
display: flex;
display: inline-flex
}
.header .img {
@ -41,10 +41,22 @@
.header .title {
font-size: 3rem;
align-self: center;
justify-self: center;
margin-left: 25%;
margin-right: 25%;
}
.heat {
margin-top: 2px;
margin-bottom: 2px;
background-color: #111;
color: lightcyan;
display: flex;
}
.surfer {
margin-top: 2px;
margin-bottom: 2px;
background-color: #111;
color: lightcyan;
display: flex;
}
</style>