Merge remote-tracking branch 'origin/main' into feat_update-the-provi…

…ders-package
MetaMask · Mar 12, 2024 · 29f0f4d · 29f0f4d
2 parents 43f8441 + f202814
commit 29f0f4d
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 0 deletions.
diff --git a/packages/devnext/src/pages/demo.tsx b/packages/devnext/src/pages/demo.tsx
@@ -626,6 +626,7 @@ const Demo = () => {
           <MetaMaskButton />
         </div>
         <div
+          id="demo"
           style={{
             display: 'flex',
             flexDirection: !connected ? 'column' : 'row-reverse',

diff --git a/packages/devnext/src/styles/globals.css b/packages/devnext/src/styles/globals.css
@@ -85,3 +85,15 @@ table th, table td {
   color: #007bff; /* Or any color you prefer */
   font-size: 2rem; /* Adjust the size as needed */
 }
+
+@media (max-width:961px)  { 
+  /* includes following devices */
+  /* smartphones, iPhone, portrait 480x320 phones */ 
+  /* portrait e-readers (Nook/Kindle), smaller tablets @ 600 or @ 640 wide. */ 
+  /* portrait tablets, portrait iPad, landscape e-readers, landscape 800x480 or 854x480 phones */ 
+  /* tablet, landscape iPad, lo-res laptops ands desktops */ 
+  #demo {
+    /* always enforce column layout on mobile */
+    flex-direction: column !important;
+  }
+}