diff --git a/src/pages/404.jsx b/src/pages/404.jsx index fae665c6..d6f3b96b 100755 --- a/src/pages/404.jsx +++ b/src/pages/404.jsx @@ -6,6 +6,7 @@ import React, { Component } from 'react' import PropTypes from 'prop-types' import { Link } from 'gatsby' import giphyAPI from 'giphy-js-sdk-core' +import Helmet from 'react-helmet' import Layout from '../components/Layout' import Content from '../components/Content' import styles from './404.module.scss' @@ -43,33 +44,36 @@ export default class NotFoundPage extends Component { render() { return ( - - -
-

Page not found.

-

- You just hit a route that doesn't exist... the - sadness. Check your url,{' '} - go back to the homepage, or - check out some {tag} gifs, entirely your - choice. -

+ <> + + + +
+

Page not found.

+

+ You just hit a route that doesn't exist... + the sadness. Check your url,{' '} + go back to the homepage, + or check out some {tag} gifs, entirely + your choice. +

-
-
-
+
+ +
+
+
+
+ ) } } diff --git a/src/pages/404.module.scss b/src/pages/404.module.scss index b4a80883..99e69bb4 100644 --- a/src/pages/404.module.scss +++ b/src/pages/404.module.scss @@ -6,6 +6,7 @@ text-align: center; video { + margin-top: $spacer; margin-bottom: $spacer; display: block; width: auto;