Layout Responsiveness (#9)

* Layout Responsiveness * Update Code
NEARBuilders · Jun 10, 2024 · 04fe6ff · 04fe6ff
1 parent 5d0234f
commit 04fe6ff
Show file tree

Hide file tree

Showing 2 changed files with 379 additions and 56 deletions.
diff --git a/widget/Layout.jsx b/widget/Layout.jsx
@@ -9,7 +9,9 @@ const SidebarLayout = styled.div`
   display: flex;
   flex-direction: row;
   width: 100%;
-
+  @media screen and (max-width: 768px) {
+    flex-direction: column;
+  }
   .aside {
     display: flex;
   }