carbon/components/Page.js

import React from 'react'
import Meta from './Meta'
import Header from './Header'
import Footer from './Footer'

export default ({ children, enableHeroText }) => (
  <main className="main mt4 mb4">
    <Meta />
    <Header enableHeroText={enableHeroText} />
    <div className="page">{children}</div>

    <Footer />

    <style jsx>
      {`
        .main {
          display: flex;
          justify-content: center;
          flex-direction: column;
          align-items: center;
          min-width: 1080px; // temporary fix for mobile overflow issue
        }
      `}
    </style>
  </main>
)