Header (#1)

* Add header markup * Add header styles
ooloo-io · Apr 10, 2022 · 9603186 · 9603186
1 parent e15b0d0
commit 9603186
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 5 deletions.
diff --git a/src/index.html b/src/index.html
@@ -1,18 +1,20 @@
 <!doctype html>
-
+ 
 <html lang="en">
 <head>
   <meta charset="utf-8">
-
+ 
   <title>GitHub Flow Course</title>
   <meta name="description" content="GitHub Flow Course">
   <meta name="author" content="Johannes Kettmann">
-
+ 
   <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/8.0.1/normalize.min.css">
   <link rel="stylesheet" href="styles.css">
 </head>
-
+ 
 <body>
-  Placeholder
+  <header class="header">
+    Header
+  </header>
 </body>
 </html>
diff --git a/src/styles.css b/src/styles.css
@@ -1,4 +1,11 @@
 body {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 18px;
+}
+.header {
+  height: 50px;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  border-bottom: 1px solid black;
 }