added screenshot in for mobile screens

mrin9 · mrin9 · commit 011defbe9d5f · 2019-02-27T17:54:46.000-08:00
diff --git a/docs/index.css b/docs/index.css
@@ -127,7 +127,10 @@ code{ font-family: 'Roboto Mono', monospace;}
 .feature-info .feature-descr{ font-size:14px;}
 
 .screenshot{
-  display:none;
+  max-width:350px; 
+  border-radius: 4px;
+  height:auto; 
+  width:auto
 }
 
 .shadow1 {
@@ -228,8 +231,7 @@ code{ font-family: 'Roboto Mono', monospace;}
     padding-bottom: 80px;
   }
   .screenshot{
-    display:block;
-    border-radius: 4px;
+    max-width:750px;
   }
 }
 
diff --git a/docs/index.html b/docs/index.html
@@ -55,7 +55,9 @@ <h1 class="banner-title">Web Component for OpenAPI Spec Viewing</h1>
       </div>
     </div>
     <div style="display:flex; justify-content: center;">
-      <img class="screenshot shadow3" src="./images/dark_ss.png" style="width:750px; height:480px;" />
+      <div style="display:block">
+        <img class="screenshot shadow3" src="./images/dark_ss.png" />
+      </div>
     </div>
   </div>
   <div class="features container" id="features">

Original file line number	Diff line number	Diff line change
`@@ -127,7 +127,10 @@ code{ font-family: 'Roboto Mono', monospace;}`
`127`	`127`	`.feature-info .feature-descr{ font-size:14px;}`
`128`	`128`
`129`	`129`	`.screenshot{`
`130`		`- display:none;`
	`130`	`+ max-width:350px;`
	`131`	`+ border-radius: 4px;`
	`132`	`+ height:auto;`
	`133`	`+ width:auto`
`131`	`134`	`}`
`132`	`135`
`133`	`136`	`.shadow1 {`
`@@ -228,8 +231,7 @@ code{ font-family: 'Roboto Mono', monospace;}`
`228`	`231`	`padding-bottom: 80px;`
`229`	`232`	`}`
`230`	`233`	`.screenshot{`
`231`		`- display:block;`
`232`		`- border-radius: 4px;`
	`234`	`+ max-width:750px;`
`233`	`235`	`}`
`234`	`236`	`}`
`235`	`237`