App.js

import Footer from './Footer';
import Header from './Header';
import Main from './Main';
import React from 'react';

const App = () => (
  <div style={{ minHeight: '100%', position: 'relative', paddingBottom: '3em' }}>
    <header id="header">
      <Header />
    </header>
    <main id="main" style={{ minHeight: '100%', position: 'relative' }}>
      <Main />
    </main>
    <footer
      id="footer"
      style={{ position: 'absolute', width: '100%', bottom: '0' }}
    >
      <Footer />
    </footer>
  </div>
);

export default App;