edit nav and header. took out styles under employee; please fix.

vietanhdtd · May 10, 2019 · 1b65b29 · 1b65b29
1 parent 070a5ed
commit 1b65b29
Show file tree

Hide file tree

Showing 2 changed files with 22 additions and 17 deletions.
diff --git a/index.html b/index.html
@@ -21,7 +21,7 @@
 
 <body>
     <nav class="bg-black fixed-top">
-        <div class="container navbar-nav navbar-light navbar-expand-lg py-2 nav-flex">
+        <div class="container navbar-nav navbar-light navbar-expand-lg py-2 nav-flex nav-row">
             <a href="#" class="navbar-brand"><img src="img/platypus-logo.png" alt="Startup-logo" height="45px"></a>
             <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav"
                 aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">

diff --git a/style.css b/style.css
@@ -80,6 +80,7 @@ footer {
 
 .search-icon {
     border: none;
+    font-size: 1.20rem;
 }
 
 .res-invisible-1 {
@@ -96,6 +97,12 @@ nav ul {
     align-items: center;
 }
 
+.nav-row {
+    display: flex;
+    flex-direction: row;
+    justify-content: space-between;
+}
+
 /* header style */
 
 .header-style {
@@ -111,7 +118,17 @@ nav ul {
     padding: 20px 0px;
     margin: 0px auto;
     width: 60rem;
-    height: 18rem;
+}
+
+header .container {
+    display: flex;
+    justify-content: center;
+}
+
+@media screen and (max-width: 767px) {
+    .header-subtitle {
+        max-width: 300px;
+    }
 }
 
 .header-title {
@@ -120,7 +137,7 @@ nav ul {
     padding-bottom: 10px;
     color: #F09048;
     text-align: center;
-
+    line-height: 1em;
 }
 
 .header-subtitle {
@@ -137,7 +154,7 @@ nav ul {
     font-family: 'Sanomat Grab Web Regular', sans-serif;
     font-size: 1.146em;
     font-weight: 400;
-    color: ##F09048;
+    color: #F09048;
     border-color: #F09048;
 }
 
@@ -222,16 +239,4 @@ footer a:hover {
 .avatar {
     border-radius: 50%;
     width: 200px;
-}
-
-#header-button {
-    font-family: 'Sanomat Grab Web Regular', sans-serif;
-    font-size: 1.146em;
-    font-weight: 400;
-    color: #D86000;
-    border-color: #D86000;
-}
-
-#header-button:hover {
-    background-color: black;
-}
+}