Browse Source

Merged nav and body

master
simongig 4 years ago
parent
commit
7e053a4500
2 changed files with 33 additions and 13 deletions
  1. 9
    13
      index.html
  2. 24
    0
      index_styles.css

+ 9
- 13
index.html View File

@@ -1,5 +1,6 @@
<!DOCTYPE html>
<html lang="en">

<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
@@ -7,20 +8,15 @@
<link rel="stylesheet" href="style.css">
<title>Document</title>
</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>
<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">
<h1>Umsätze</h1>
<div class="grid-wrapper">

+ 24
- 0
index_styles.css 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;
}

Loading…
Cancel
Save