row-reverse compatible styles

Author: pomber

packages/mdx/src/mdx-client/scrollycoding.scss

@@ -2,11 +2,11 @@
   display: flex;
   position: relative;
   margin: 1rem 0;
+  gap: 1rem;
 }
 
 .ch-scrollycoding-content {
   box-sizing: border-box;
-  padding-right: 16px;
   flex: 1;
 }
 

packages/mdx/src/mdx-client/spotlight.scss

@@ -1,13 +1,12 @@
 .ch-spotlight {
   display: flex;
-  gap: 0.5rem;
+  gap: 1.1rem;
   margin: 1rem 0;
 }
 
 .ch-spotlight-tabs {
   display: flex;
   flex-flow: column;
-  margin-right: 10px;
   flex: 1;
   gap: 0.5rem;
   align-items: stretch;