=setup form layout
This commit is contained in:
parent
517d64d183
commit
9b805e7b77
1 changed files with 19 additions and 7 deletions
|
@ -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>
|
Loading…
Add table
Add a link
Reference in a new issue