Footer fix

Should be even better now.

public/index.html

@@ -26,7 +26,7 @@
     <noscript>
       You need to enable JavaScript to run this app.
     </noscript>
-    <div id="root"></div>
+    <div id="root" style="height: 100%"></div>
     <!--
       This HTML file is a template.
       If you open it directly in the browser, you will see an empty page.

src/components/App.js

@@ -8,7 +8,7 @@ const App = () => (
     <header id='header' >
       <Header />
     </header>
-    <main id='main'>
+    <main id='main' style={{ minHeight: '100%', position: 'relative' }}>
       <Main />
     </main>
     <footer id='footer' style={{ position: 'absolute', width: '100%', bottom: '0' }}>

src/components/Footer.js

@@ -5,7 +5,7 @@ import { Container, Segment } from 'semantic-ui-react';
 const Footer = () => (
   <Segment inverted vertical textAlign='center' >
     <Container>
-      <p textalign='center' >Created by DevTeam &copy; 2017-2018.</p>
+      <p textalign='center' >Created by DevTeam &copy; 2018-2019.</p>
     </Container>
   </Segment>