From c72896aeb7b6fc7b0e0313ddcba76c1a5af38862 Mon Sep 17 00:00:00 2001
From: Mark Liang <big.head.cool@gmail.com>
Date: Tue, 25 Jul 2017 15:45:58 +0800
Subject: [PATCH] Fix footer responsive

---
 public/main.css | 14 ++++++++------
 1 file changed, 8 insertions(+), 6 deletions(-)

diff --git a/public/main.css b/public/main.css
index baad1850..008d5a30 100644
--- a/public/main.css
+++ b/public/main.css
@@ -114,6 +114,8 @@ body {
   justify-content: flex-start;
   max-width: 630px;
   margin: 0 auto;
+  padding: 0 20px;
+  box-sizing: border-box;
   width: 96%;
 }
 
@@ -130,10 +132,6 @@ a {
 
 /**   page-one    **/
 
-#page-one {
-  padding: 0 20px;
-}
-
 .title {
   font-size: 33px;
   line-height: 40px;
@@ -692,8 +690,10 @@ tbody {
 
   .footer {
     flex-direction: column;
-    justify-content: center;
-    text-align: center;
+    justify-content: flex-start;
+    align-items: flex-start;
+    max-width: 630px;
+    margin: auto;
   }
 
   .mozilla-logo {
@@ -703,6 +703,8 @@ tbody {
   .legal-links {
     flex-direction: column;
     margin: auto;
+    width: 100%;
+    max-width: 100%;
   }
 
   .legal-links > * {