370 fix overlap for small screens (#387)

* only move closer to center for large screens and shrink size of font for small screens

* fix lint

* change max-width

src/styles/CompareCode.scss

@@ -8,21 +8,28 @@
 
   .left-code {
     float: left;
-    left: 10%;
     margin: auto;
-    max-width: 50%;
+    max-width: 49%;
     position: relative;
+    @media screen and (min-width: 1400px) {
+      left: 12%;
+    }
   }
 
   .right-code {
     float: right;
-    margin: 10 0 10 50px;
-    max-width: 50%;
+    margin: 10 0;
+    max-width: 49%;
     position: relative;
-    right: 10%;
+    @media screen and (min-width: 1400px) {
+      right: 12%;
+    }
   }
 }
 
 .caption {
   color: $primary-1-color;
+  @media screen and (max-width: 600px) {
+    font-size: 20px !important;
+  }
 }