chore: move Main grid to its children

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

1 files changed, 6 insertions, 3 deletions

diff --git a/src/pages/mentions-legales.tsx b/src/pages/mentions-legales.tsx
index d8dfe49..ea98e20 100644
--- a/src/pages/mentions-legales.tsx
+++ b/src/pages/mentions-legales.tsx
@@ -11,6 +11,7 @@ import LegalNoticeContent, {
 } from '@content/pages/legal-notice.mdx';
 import PostHeader from '@components/PostHeader/PostHeader';
 import { ArticleMeta } from '@ts/types/articles';
+import styles from '@styles/pages/Page.module.scss';
 
 const LegalNotice: NextPageWithLayout = () => {
   const dates = {
@@ -28,12 +29,14 @@ const LegalNotice: NextPageWithLayout = () => {
         <title>{seo.legalNotice.title}</title>
         <meta name="description" content={seo.legalNotice.description} />
       </Head>
-      <article>
+      <article
+        className={`${styles.article} ${styles['article--no-comments']}`}
+      >
         <PostHeader intro={intro} meta={pageMeta} title={meta.title} />
-        <aside>
+        <aside className={styles.toc}>
           <ToC />
         </aside>
-        <div>
+        <div className={styles.body}>
           <LegalNoticeContent />
         </div>
       </article>