Go full width on page and text container

web/pages/[...slug].js

@@ -43,7 +43,7 @@ export default function Page({ data, preview }) {
   return (
     <Layout preview={preview} site={page?.siteSettings}>
       {/*  <pre>{JSON.stringify(previewData, null, 2)}</pre> */}
-      <Container maxWidth="4xl" centerContent>
+      <Container maxWidth="full" centerContent>
         {/* A Page  */}
         {page?.route?.page?.content && <Sections sections={page.route.page.content} />}
 

web/pages/index.js

@@ -6,7 +6,7 @@ import { Container } from '@chakra-ui/react'
 export default function Index({ data, preview }) {
   return (
     <Layout preview={preview} site={data.siteSettings}>
-      <Container maxW="4xl" p="10">
+      <Container maxW="full">
         {data.frontpage.content && <RenderSections sections={data.frontpage.content} />}
       </Container>
     </Layout>