Fix Nav Alignment

CameraKit · Apr 28, 2018 · 371dc5d · 371dc5d
1 parent ee4bbcf
commit 371dc5d
Show file tree

Hide file tree

Showing 4 changed files with 28 additions and 9 deletions.
diff --git a/src/components/public/floating-footer/index.js b/src/components/public/floating-footer/index.js
@@ -6,12 +6,12 @@ import Github from 'static/ic_github.svg';
 const FloatingFooter = () => (
   <div className={styles.footer}>
     <div className={`container container--full ${styles.container}`}>
-      <a className={styles.wonderkiln} target="_blank" href="https://wonderkiln.com">
+      <a className={styles.wonderkiln} target="_blank" href="https://www.wonderkiln.com">
       	A Wonderkiln Project
       </a>
       <a href="https://github.com/CameraKit/camerakit-android">
-      	<img className={styles.icon} src={Github} />
-      	<span className={styles.github}>Github</span>
+        <img className={styles.icon} src={Github} alt="github icon" />
+        <span className={styles.github}>Github</span>
       </a>
     </div>
   </div>

diff --git a/src/components/public/nav/index.js b/src/components/public/nav/index.js
@@ -8,10 +8,14 @@ import Menu from './ic_menu.svg';
 const Nav = () => (
   <nav className={styles.nav}>
     <div className={`container container--full ${styles.container}`}>
-      <Logo />
-      <LogoType />
-      <div>
-      	{/*<Menu />*/}
+      <div className={styles.Logo}>
+        <Logo />
+      </div>
+      <div className={styles.Brand}>
+        <LogoType />
+      </div>
+      <div className={styles.Menu}>
+        <Menu />
       </div>
     </div>
   </nav>

diff --git a/src/components/public/nav/nav.scss b/src/components/public/nav/nav.scss
@@ -10,6 +10,21 @@
   display: flex;
   align-items: center;
   justify-content: space-between;
+  .Logo {
+    flex-basis: 30%;
+    display: flex;
+    justify-content: flex-start;
+  }
+  .Brand {
+    flex-basis: 30%;
+    display: flex;
+    justify-content: center;
+  }
+  .Menu {
+    flex-basis: 30%;
+    display: flex;
+    justify-content: flex-end;
+  }
 }
 
 @media (min-width: 34em) {

diff --git a/src/pages/public/home/index.js b/src/pages/public/home/index.js
@@ -18,15 +18,15 @@ import styles from './home.scss';
 import featureStyles from './features.scss';
 import intro from './intro.scss';
 
-function scrollDown () {
+function scrollDown() {
   jump('#features');
 }
 
 const Home = () => (
   <div>
     <FloatingFooter />
     <section className={intro.intro}>
-      <div className='container container--large'>
+      <div className="container container--large">
         <div className={intro.content}>
           <div className={intro.phone} />
           <div className={intro.hidden}>