docs: responsive for preview samples

Author: lepture

docs/_templates/layout/preview.html

@@ -9,13 +9,19 @@
 }
 
 .sample {
-  width: calc(50% - 10px);
+  width: 100%;
   overflow: hidden;
   box-sizing: border-box;
   border: 1px solid #dadada;
   border-radius: 4px;
 }
 
+@media (min-width: 1100px) {
+  .sample {
+    width: calc(50% - 10px);
+  }
+}
+
 .sample-name {
   padding: 8px 16px;
   border-bottom: 1px solid #dadada;