=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>
|
<span class="title">title</span>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div>
|
<div class="heat">
|
||||||
<form action="" method="post">
|
<form action="" method="post">
|
||||||
<label for="name">Name</label>
|
<label for="name">Name</label>
|
||||||
<input id="name" type="text">
|
<input id="name" type="text">
|
||||||
|
@ -16,7 +16,7 @@
|
||||||
</form>
|
</form>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div>
|
<div class="surfer">
|
||||||
<form action="" method="post">
|
<form action="" method="post">
|
||||||
<label for="firstname">Firstname</label>
|
<label for="firstname">Firstname</label>
|
||||||
<input id="firstname" type="text">
|
<input id="firstname" type="text">
|
||||||
|
@ -32,7 +32,7 @@
|
||||||
.header {
|
.header {
|
||||||
background-color: black;
|
background-color: black;
|
||||||
color: aliceblue;
|
color: aliceblue;
|
||||||
display: flex;
|
display: inline-flex
|
||||||
}
|
}
|
||||||
|
|
||||||
.header .img {
|
.header .img {
|
||||||
|
@ -41,10 +41,22 @@
|
||||||
|
|
||||||
.header .title {
|
.header .title {
|
||||||
font-size: 3rem;
|
font-size: 3rem;
|
||||||
align-self: center;
|
}
|
||||||
justify-self: center;
|
|
||||||
margin-left: 25%;
|
.heat {
|
||||||
margin-right: 25%;
|
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>
|
</style>
|
Loading…
Add table
Add a link
Reference in a new issue