chore: move Main grid to its children

This way I can use full width background for some blocks.

2 files changed, 1 insertions, 21 deletions

diff --git a/src/components/Main/Main.module.scss b/src/components/Main/Main.module.scss
deleted file mode 100644
index a513f73..0000000
--- a/src/components/Main/Main.module.scss
+++ /dev/null
@@ -1,15 +0,0 @@
-.wrapper {
-  display: grid;
-  grid-template-columns:
-    minmax(0, 1fr) min(calc(50vw - var(--spacing-md)), 40ch) min(
-      calc(50vw - var(--spacing-md)),
-      40ch
-    )
-    minmax(0, 1fr);
-  align-items: center;
-  padding: var(--spacing-md) 0;
-}
-
-.body {
-  grid-column: 2 / 4;
-}
diff --git a/src/components/Main/Main.tsx b/src/components/Main/Main.tsx
index 8b2e822..ad270f6 100644
--- a/src/components/Main/Main.tsx
+++ b/src/components/Main/Main.tsx
@@ -1,12 +1,7 @@
 import { FunctionComponent } from 'react';
-import styles from './Main.module.scss';
 
 const Main: FunctionComponent = ({ children }) => {
-  return (
-    <main id="main" className={styles.wrapper}>
-      <div className={styles.body}>{children}</div>
-    </main>
-  );
+  return <main id="main">{children}</main>;
 };
 
 export default Main;