Responsivness

Author: m-bert

packages/docs-gesture-handler/src/css/overrides.css

@@ -159,7 +159,24 @@ table [class*='codeBlockContent'] code {
 
 .codeHolder {
   width: 50%;
-  /* border: 1px solid var(--swm-border); */
+}
+
+@media (max-width: 996px) {
+  .codeComparison{
+    display: flex; 
+    flex-direction: column;
+    margin-bottom: 20px;
+    border: 1px solid var(--swm-border);
+  }
+
+  .codeComparison .codeHolder:first-child {
+    border-right: none;
+    border-bottom: 1px solid var(--swm-border);
+  }
+
+  .codeHolder {
+    width: 100%;
+  }
 }
 
 /* Add small padding, when some of the lines are too long in a code block */