Merge https://github.com/nodejs/nodejs.dev

KirankumarAmbati · KirankumarAmbati · commit 8335decd7c33 · 2019-03-06T10:55:45.000+05:30
diff --git a/src/components/header.tsx b/src/components/header.tsx
@@ -1,44 +1,44 @@
-import { Link } from 'gatsby'
-import React from 'react'
-import logo from '../images/logo.svg'
+import { Link } from 'gatsby';
+import React from 'react';
+import { css } from 'emotion';
+import logo from '../images/logo.svg';
 
 const Header = () => (
   <nav className="nav">
     <ul
-      style={{
-        margin: '0 auto',
-        padding: '0 4.8rem',
-        display: 'flex',
-        alignItems: 'center',
-        listStyle: 'none',
-      }}
+      css={css`
+        @media (max-width: 380px) {
+          padding: 0;
+        }
+        margin: 0 auto;
+        padding: 0 4.8rem;
+        display: flex;
+        align-items: center;
+        list-style: none;
+      `}
     >
       <li>
         <Link to="/" style={{ display: 'block' }}>
           <img src={logo} alt="Node.js" className="nav__logo" />
         </Link>
       </li>
-
       <li className="nav__tabs">
         <a target="_blank" href="https://nodejs.org/en/download/">
           Download
         </a>
       </li>
-
       <li className="nav__tabs">
         <a target="_blank" href="https://nodejs.org/en/docs/">
           API Docs
         </a>
       </li>
-
       <li className="nav__tabs">
         <a target="_blank" href="https://github.com/nodejs/nodejs.dev">
           GitHub
         </a>
       </li>
-
     </ul>
   </nav>
-)
+);
 
-export default Header
+export default Header;
diff --git a/src/components/navigation-item.tsx b/src/components/navigation-item.tsx
@@ -11,7 +11,7 @@ type Props = {
 
 const NavigationItem = ({ isDone, isActive, slug, title, onClick }: Props) => {
   const element = useRef<HTMLAnchorElement | null>(null);
-  
+
   const handleRef = (ref?: HTMLAnchorElement | null) => {
     if (ref && isActive) {
       element.current = ref;
diff --git a/src/documentation/0004-node-javascript-language/index.md b/src/documentation/0004-node-javascript-language/index.md
@@ -1,6 +1,6 @@
 ---
 title: How much JavaScript do you need to know to use Node.js?
-description: 'If you are just starting out with JavaScript, how much deeply do you need to know the language?'
+description: 'If you are just starting out with JavaScript, how deeply do you need to know the language?'
 author: flaviocopes
 section: Quick Start
 ---
diff --git a/test/components/__snapshots__/header.test.tsx.snap b/test/components/__snapshots__/header.test.tsx.snap
@@ -5,15 +5,7 @@ exports[`Tests for Header component renders correctly 1`] = `
   className="nav"
 >
   <ul
-    style={
-      Object {
-        "alignItems": "center",
-        "display": "flex",
-        "listStyle": "none",
-        "margin": "0 auto",
-        "padding": "0 4.8rem",
-      }
-    }
+    css="css-k9ksbg"
   >
     <li>
       <a
