Fix layout (#4)

* Fix Footer layout for mobile

* Add domain to met tags

* Bump to version 5.0.3

* Add domain to start_url in manifest

components/Layout.js

@@ -15,13 +15,16 @@ export default function Layout({ children }) {
         />
         <meta name="viewport" content="width=device-width, initial-scale=1" />
         <meta name="theme-color" content="#282a36" />
-        <link rel="icon" href="/favicon.ico" />
+        <link rel="icon" href="https://nardiniacademy.com/favicon.ico" />
         <link
           href="https://fonts.googleapis.com/css2?family=Montserrat:wght@200;400;700&display=swap"
           rel="stylesheet"
         ></link>
-        <link rel="apple-touch-icon" href="/logo192.png" />
-        <link rel="manifest" href="/manifest.json" />
+        <link
+          rel="apple-touch-icon"
+          href="https://nardiniacademy.com/logo192.png"
+        />
+        <link rel="manifest" href="https://nardiniacademy.com/manifest.json" />
       </Head>
       {children}
       <style jsx global>{`

components/organisms/Footer.js

@@ -138,6 +138,16 @@ export default function Footer() {
         .footer-link:hover {
           color: ${theme.colors.primary.main};
         }
+
+        @media (max-width: 767px) {
+          .footer {
+            text-align: center;
+          }
+
+          .grid {
+            grid-template-columns: 1fr;
+          }
+        }
       `}</style>
     </>
   );

package.json

@@ -1,6 +1,6 @@
 {
   "name": "nardini-academy",
-  "version": "5.0.2",
+  "version": "5.0.3",
   "private": true,
   "scripts": {
     "dev": "next dev",

public/manifest.json

@@ -18,7 +18,7 @@
       "sizes": "512x512"
     }
   ],
-  "start_url": ".",
+  "start_url": "https://nardiniacademy.com/",
   "display": "standalone",
   "theme_color": "#00bcd4",
   "background_color": "#282a36"