This commit is contained in:
Miki 2023-12-06 12:41:37 +01:00
parent 9b805e7b77
commit f979da1096

View file

@ -2,37 +2,43 @@
import Logo from "$lib/img/topscorer_logo_web.png"
</script>
<div class="header">
<img class="img" src={Logo} alt="logo">
<span class="title">title</span>
</div>
<div class="container">
<div class="header">
<img class="img" src={Logo} alt="logo">
<span class="title">title</span>
</div>
<div class="heat">
<form action="" method="post">
<label for="name">Name</label>
<input id="name" type="text">
<label for="category">Category</label>
<input id="category" type="text">
</form>
</div>
<div class="heat">
<form action="" method="post">
<label for="name">Name</label>
<input id="name" type="text">
<label for="category">Category</label>
<input id="category" type="text">
</form>
</div>
<div class="surfer">
<form action="" method="post">
<label for="firstname">Firstname</label>
<input id="firstname" type="text">
<label for="lastname">Lastname</label>
<input id="lastname" type="text">
<label for="color">Color</label>
<input id="color" type="text">
</form>
<button>+</button>
<div class="surfer">
<form action="" method="post">
<label for="firstname">Firstname</label>
<input id="firstname" type="text">
<label for="lastname">Lastname</label>
<input id="lastname" type="text">
<label for="color">Color</label>
<input id="color" type="text">
</form>
<button>+</button>
</div>
</div>
<style>
.container {
display: block;
}
.header {
background-color: black;
color: aliceblue;
display: inline-flex
display: inline-block;
}
.header .img {
@ -48,7 +54,7 @@
margin-bottom: 2px;
background-color: #111;
color: lightcyan;
display: flex;
display: inline-block;
}
.surfer {
@ -56,7 +62,7 @@
margin-bottom: 2px;
background-color: #111;
color: lightcyan;
display: flex;
display: inline-flex;
}
</style>