simongig
4 years ago
2 changed files with 33 additions and 13 deletions
+ 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…