Fix flex

Author: wutali

src/components/Layout.tsx

@@ -33,10 +33,10 @@ export default function Layout({ children }: Props) {
           @media (min-width: 769px) {
             .root {
               display: flex;
-              flex: 1;
+              flex: 1 0 auto;
             }
             main {
-              flex: 1;
+              flex: 1 0 auto;
             }
           }
         `}

src/components/PostList.tsx

@@ -58,13 +58,13 @@ export default function PostList({ posts, tags, pagination }: Props) {
         .posts {
           display: flex;
           flex-direction: column;
-          flex: 1;
+          flex: 1 1 auto;
         }
         .posts li {
           margin-bottom: 1.5rem;
         }
         .post-list {
-          flex: 1;
+          flex: 1 0 auto;
         }
         .categories {
           display: none;

src/components/TagPostList.tsx

@@ -60,7 +60,7 @@ export default function TagPostList({ posts, tag, pagination }: Props) {
           ul {
             margin: 0;
             padding: 0;
-            flex: 1;
+            flex: 1 0 auto;
           }
           li {
             list-style: none;

src/layouts/index.tsx

@@ -103,7 +103,7 @@ export default function Index({
               margin-right: 0.5rem;
             }
             article {
-              flex: 1;
+              flex: 1 0 auto;
             }
             h1 {
               margin: 0 0 0.5rem;

src/pages/index.tsx

@@ -25,7 +25,7 @@ export default function Index() {
           display: flex;
           align-items: center;
           justify-content: center;
-          flex: 1;
+          flex: 1 1 auto;
           padding: 0 1.5rem;
         }
         h1 {