Merge pull request #14 from vietanhdtd/branch-phil

edit nav and header. took out styles under employee; please fix.
vietanhdtd · May 10, 2019 · b369b79 · b369b79
2 parents fa07c69 + dd61064
commit b369b79
Show file tree

Hide file tree

Showing 2 changed files with 21 additions and 6 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
@@ -89,6 +89,7 @@ footer {
 
 .search-icon {
     border: none;
+    font-size: 1.20rem;
 }
 
 .res-invisible-1 {
@@ -116,6 +117,11 @@ nav ul {
 }
 
 
+.nav-row {
+    display: flex;
+    flex-direction: row;
+    justify-content: space-between;
+}
 /* header style */
 
 .header-style {
@@ -131,7 +137,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 {
@@ -140,6 +156,7 @@ nav ul {
     padding-bottom: 10px;
     color: #F09048;
     text-align: center;
+    line-height: 1em;
 }
 
 .header-subtitle {
@@ -363,7 +380,6 @@ footer a:hover {
     align-items: center;
 }
 
-
 /* employees-style */
 
 .employee-name {
@@ -379,11 +395,10 @@ footer a:hover {
     border-radius: 50%;
     width: 200px;
 }
-
-#header-button {
+/* #header-button {
     font-family: 'Sanomat Grab Web Regular', sans-serif;
     font-size: 1.146em;
     font-weight: 400;
     color: #D86000;
     border-color: #D86000;
-}
+} */