revamp login & change header to three columns

djlearn/pages/static/css/landing.css

@@ -104,10 +104,31 @@ footer p {
 .header {
     width: 100vw;
     display: flex;
-    flex-direction: row;
+    flex-flow: row;
     position: absolute;
 }
-  
+
+.header-left {
+    flex: 1;
+    display: flex;
+    justify-content: flex-start;
+    align-items: center;
+}
+
+.header-center {
+    flex: 1;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+}
+
+.header-right {
+    flex: 1;
+    display: flex;
+    justify-content: flex-end;
+    align-items: center;
+}
+
 .header-link {
     color: white;
     margin: 1rem;
@@ -121,14 +142,12 @@ footer p {
     text-decoration-color: red;
     text-underline-offset: 0.2em;
 }
-  
+
 .header-text {
-    margin: 1rem 1rem 1rem auto;
     font-size: 1rem;
-    color: #ccc;
 }
 
-#logo {
+#logo-img {
     width: 50px;
     height: 50px;
 }