fix responsive problems

ahmad-reza619 · Jan 9, 2021 · 4833ea3 · 4833ea3
1 parent b6af6fb
commit 4833ea3
Showing 1 changed file with 1 addition and 1 deletion.
diff --git a/pages/index.tsx b/pages/index.tsx
@@ -56,7 +56,7 @@ export default function Home({ posts }) {
         <title>Ahmad Reza Personal Web</title>
       </Head>
       <Stack
-        direction={["column", "row"]}
+        direction={{ base: 'column', md: 'row' }}
         padding=".5rem 1rem"
         width="100%"
         minH="100vh"