From caf85cc35306a3a41a606c374117d943b7e76da8 Mon Sep 17 00:00:00 2001
From: Jason Rivera <jrivera2850@gmail.com>
Date: Fri, 15 Jun 2018 05:16:14 -0500
Subject: [PATCH] Fixed: Added styles for mobile (#167)

* Added styles to curriculum page for mobile

* Fix: Added styles to curriculum page for mobile browsers

* reverted

* Fixed: Added styles to curriculum page for mobile browsers
---
 packages/learn/src/components/Map/map.css | 6 ++++++
 packages/learn/src/pages/index.css        | 6 ++++++
 2 files changed, 12 insertions(+)

diff --git a/packages/learn/src/components/Map/map.css b/packages/learn/src/components/Map/map.css
index 4773093f2e..8acba70a53 100644
--- a/packages/learn/src/components/Map/map.css
+++ b/packages/learn/src/components/Map/map.css
@@ -4,6 +4,12 @@
   margin-left: 35px;
 }
 
+@media screen, (max-width: 630px) {
+  .map-ui {
+    margin: 0 auto;
+  }
+}
+
 .map-ui ul {
   list-style: none;
   color: #006400;
diff --git a/packages/learn/src/pages/index.css b/packages/learn/src/pages/index.css
index d81456c729..6d6463cdaf 100644
--- a/packages/learn/src/pages/index.css
+++ b/packages/learn/src/pages/index.css
@@ -7,6 +7,12 @@
   margin: 0 auto;
 }
 
+@media screen, (max-width: 630px) {
+  .index-page-wrapper {
+    padding: 0px 25px 0px 25px;
+  }
+}
+
 .index-page-wrapper p {
   margin-bottom: 0.75rem;
 }
\ No newline at end of file