barthiv73098/Testosteroth
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Merged nav and body

Browse Source
This commit is contained in:
simongig 2019-11-05 15:22:27 +01:00
commit 7e053a4500
2 changed files with 33 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
index.html
View File

@ -1,5 +1,6 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="en">
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
@ -7,20 +8,15 @@
<link rel="stylesheet" href="style.css"> <link rel="stylesheet" href="style.css">
<title>Document</title> <title>Document</title>
</head> </head>
<style>
.grid-wrapper {
display: grid;
padding: 4rem 4rem 0 4rem;
grid-template-columns: 1fr;
grid-template-rows: 100px 100px 100px;
grid-gap: 10px;
}
.box {
background-color: grey;
}
</style>
<body> <body>
<nav>
<ul id="menu">
<li class="menu_element"><a class="menu_element" href="/index.html">Home</a></li>
<li class="menu_element"><a href="/index.html">Balance</a></li>
</ul>
</nav>
<div class="balance-list"> <div class="balance-list">
<h1>Umsätze</h1> <h1>Umsätze</h1>
<div class="grid-wrapper"> <div class="grid-wrapper">

24
index_styles.css Normal file
View File

@ -0,0 +1,24 @@
.menu_element {
background-color: orangered;
width: 50px;
display: inline;
}
#menu {
list-style-type: none;
}
.grid-wrapper {
display: grid;
padding: 4rem 4rem 0 4rem;
grid-template-columns: 1fr;
grid-template-rows: 100px 100px 100px;
grid-gap: 10px;
}
.box {
background-color: grey;
}