From 531eaf77f43572e407faea6f58a2227286378ef7 Mon Sep 17 00:00:00 2001
From: fredericmarx <marx.frederic@gmail.com>
Date: Fri, 12 Feb 2016 17:08:49 +0100
Subject: [PATCH 1/5] Add viewport meta tag for responsiveness

---
 index.html | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)
diff --git a/index.html b/index.html
index b87f0e9..f91e827 100644
--- a/index.html
+++ b/index.html
@@ -3,6 +3,8 @@
   <head>
     <link rel="stylesheet" href="styles/custom.css" />
     <title>NodeTogether</title>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
   </head>
   <body>
     <nav>
@@ -51,7 +53,7 @@ <h1 class="subtitle center-text">Welcome! We’re&nbsp;glad you are&nbsp;here!</
             <p><em>We’re in it together!</em></p>
             <h3 class="center-text">Apply Now!</h3>
             <div class="calls-to-action center-text">
-              <a href="http://goo.gl/forms/bzUiKynzGK" class="btn">Student</a>   
+              <a href="http://goo.gl/forms/bzUiKynzGK" class="btn">Student</a>
               <a href="http://goo.gl/forms/fFzciI8lv5" class="btn">Mentor</a>
               <a href="http://goo.gl/forms/wBX2XS0cd9" class="btn">Sponsor</a>
             </div>
@@ -86,7 +88,7 @@ <h3>Use and Manage Packages with npm</h3>
         <h2 class="center-text">Schedule</h2>
         <p class="center-text">NodeTogether will be traveling the world with <a href="http://live.nodejs.org/">Node Live</a>.
         <div class="events clear-fix">
-          <a href="/events/2016/los-angeles.html">  
+          <a href="/events/2016/los-angeles.html">
             <div class="event" id="los-angeles">
               <div class="date">February 24th</div>
               <div class="location">Los Angeles, CA, USA</div>

From 86459df0a1bd07783b65cf9cf1a4c4b8daa7b7f1 Mon Sep 17 00:00:00 2001
From: fredericmarx <marx.frederic@gmail.com>
Date: Fri, 12 Feb 2016 17:13:05 +0100
Subject: [PATCH 2/5] Fix responsive container width

---
 styles/custom.css | 1 -
 1 file changed, 1 deletion(-)

diff --git a/styles/custom.css b/styles/custom.css
index 8ad683b..2298a65 100644
--- a/styles/custom.css
+++ b/styles/custom.css
@@ -61,7 +61,6 @@ nav .active a::after {
 
 /* sections */
 .container {
-  width: 80%;
   max-width: 1100px;
   margin: 0 auto;
 }

From 621ced3eaba53ad1981c8d4950f37a711d1b6198 Mon Sep 17 00:00:00 2001
From: fredericmarx <marx.frederic@gmail.com>
Date: Fri, 12 Feb 2016 17:17:54 +0100
Subject: [PATCH 3/5] Responsive fixes

---
 styles/custom.css | 44 ++++++++++++++++++++++++++++----------------
 1 file changed, 28 insertions(+), 16 deletions(-)

diff --git a/styles/custom.css b/styles/custom.css
index 2298a65..f954d77 100644
--- a/styles/custom.css
+++ b/styles/custom.css
@@ -16,6 +16,12 @@ blue:       #6ea2c9;
   margin: 0;
 }
 
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
 /* nav */
 nav {
   background-color: #80bd01;
@@ -63,6 +69,7 @@ nav .active a::after {
 .container {
   max-width: 1100px;
   margin: 0 auto;
+  padding: 0 .7em;
 }
 
 .container--narrow {
@@ -104,7 +111,7 @@ nav .active a::after {
 }
 
 img {
-  width: 100%;
+  max-width: 100%;
 }
 
 .col-4 img {
@@ -112,23 +119,28 @@ img {
 }
 
 /* grid */
-.row {
-  display: table;
-  table-layout: fixed;
-  margin: 0 -.7em;
-}
 
-.col {
-  display: table-cell;
-  width: 1%;
-  padding: .7em;
-  vertical-align: top;
-}
+@media (min-width: 48em) {
+
+  .row {
+    display: table;
+    table-layout: fixed;
+    margin: 0 -.7em;
+  }
+
+  .col {
+    display: table-cell;
+    width: 1%;
+    padding: .7em;
+    vertical-align: top;
+  }
+
+  .col-4 {
+    display: table-cell;
+    padding: .7em;
+    width: 25%;
+  }
 
-.col-4 {
-  display: table-cell;
-  padding: .7em;
-  width: 25%;
 }
 
 address {

From 9732d422f1df9d843e53bcb81f503c7396b65c6e Mon Sep 17 00:00:00 2001
From: fredericmarx <marx.frederic@gmail.com>
Date: Fri, 12 Feb 2016 17:18:55 +0100
Subject: [PATCH 4/5] Fix typo

---
 index.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/index.html b/index.html
index f91e827..ce03c09 100644
--- a/index.html
+++ b/index.html
@@ -162,7 +162,7 @@ <h2>Sponsors</h2>
         <p>Did you find a typo? A bug? File an issue or PR here: <a href="https://github.com/ashleygwilliams/nodetogether.org">https://github.com/ashleygwilliams/nodetogether.org</a>. (Please be nice!)
         </p>
         <p>
-          <a href="http://www.npmjs.com">npm loves you</a>. (c)2016 Ashley Williams. For more information, please email <a href="mailto:info@nodetogether.org">info@nodetogether.org</a>.
+          <a href="http://www.npmjs.com">npm loves you</a>. &copy; 2016 Ashley Williams. For more information, please email <a href="mailto:info@nodetogether.org">info@nodetogether.org</a>.
         </p>
       </div>
     </footer>

From d5b1accfb2206f2658f939f7f34043f55350b2ce Mon Sep 17 00:00:00 2001
From: fredericmarx <marx.frederic@gmail.com>
Date: Sat, 13 Feb 2016 15:15:00 +0100
Subject: [PATCH 5/5] Fix header navigation

---
 styles/custom.css | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/styles/custom.css b/styles/custom.css
index f954d77..f8ad383 100644
--- a/styles/custom.css
+++ b/styles/custom.css
@@ -27,6 +27,10 @@ nav {
   background-color: #80bd01;
 }
 
+nav ul {
+  padding: 0;
+}
+
 nav ul li {
   color: white;
   display: inline-block;
@@ -48,7 +52,6 @@ nav a {
   text-decoration: none;
   display: block;
   padding: 1.4em .7em;
-  height: 1.5em;
   position: relative;
 }
 
