fix small device image sizes

ShMcK · ShMcK · commit e9c649cbfc48 · 2016-07-04T17:04:51.000-07:00
diff --git a/_includes/modal.html b/_includes/modal.html
@@ -4,6 +4,6 @@
   </div>
   <div class="modal-content">
 		<h3>{{include.title}}</h3>
-    <img alt="{{include.title}}" height="450px" width="800px" src="#" />
+    <img alt="{{include.title}}" class="modal-image" height="450px" width="800px" src="#" />
   </div>
 </div>
diff --git a/_sass/_custom.scss b/_sass/_custom.scss
@@ -1,3 +1,7 @@
+.spotlight > .code-block {
+  padding: 10px;
+}
+
 .wide {
   padding-top: 75px;
   padding-bottom: 75px;
@@ -23,7 +27,7 @@ a.smooth:hover {
 
 .doc-image {
   border-radius: 3px;
-  max-width: 1024px;
+  max-width: 90%;
 }
 
 .edit-docs {
diff --git a/_sass/_modal.scss b/_sass/_modal.scss
@@ -27,7 +27,3 @@ a.modal-link:before {
 a.modal-link:hover:before {
   opacity: .65;
 }
-
-.spotlight > .code-block {
-  padding: 10px;
-}
