refactor(styles): use compose to declare grid layouts once

I'm using same grid layouts in multiple places. To avoid maintenance
issue, I think it is better to declare the grid once and to import its
declaration where it is needed. Thanks to CSS modules, I can use
compose to do that.

1 files changed, 8 insertions, 10 deletions

diff --git a/src/pages/blog/index.tsx b/src/pages/blog/index.tsx
index 855e6ce..db4b7a8 100644
--- a/src/pages/blog/index.tsx
+++ b/src/pages/blog/index.tsx
@@ -51,16 +51,14 @@ const Blog: NextPageWithLayout<BlogPageProps> = ({ fallback }) => {
       </Head>
       <article className={styles.wrapper}>
         <PostHeader title={t`Blog`} />
-        <div className={styles.body}>
-          <PostsList data={data} showYears={true} />
-          {hasNextPage && (
-            <Button
-              isDisabled={isLoadingMore}
-              clickHandler={() => setSize(size + 1)}
-              position="center"
-            >{t`Load more?`}</Button>
-          )}
-        </div>
+        <PostsList data={data} showYears={true} />
+        {hasNextPage && (
+          <Button
+            isDisabled={isLoadingMore}
+            clickHandler={() => setSize(size + 1)}
+            position="center"
+          >{t`Load more?`}</Button>
+        )}
         <aside className={styles.aside}>
           <ThematicsList />
           <TopicsList />