Update src/components/Layout.tsx

Co-authored-by: Tyler Pfledderer <tyler.pfledderer@gmail.com>

Author: armgp

src/components/Layout.tsx

@@ -145,11 +145,7 @@ const Layout: React.FC<IProps> = ({
                 </ZenMode>
                 <SkipLinkAnchor id="main-content" />
                 <Flex
-                  sx={{
-                    "@media (max-width: 1024px": {
-                      flexDirection: "column",
-                    },
-                  }}
+                  flexDirection={{ base: 'column', lg: 'row' }}
                 >
                   {shouldShowSideNav && (
                     <ZenMode>