simongig
5 years ago
2 changed files with 33 additions and 13 deletions
+ 9
- 13
index.html
View File
| <!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"> | ||||
| <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
- 0
index_styles.css
View File
| .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…