Skip to content

Instantly share code, notes, and snippets.

@isaachinman
Created October 24, 2017 12:55
Show Gist options
  • Save isaachinman/f83f8d83b4ee2759d2e8c417e585ef50 to your computer and use it in GitHub Desktop.
Save isaachinman/f83f8d83b4ee2759d2e8c417e585ef50 to your computer and use it in GitHub Desktop.
Radium-styled 404 Component
import React, { Component } from 'react'
import { Link } from 'react-router'
import Radium from 'radium'
const styles = {
text: {
margin: '5rem auto .5rem',
textAlign: 'center',
'@media (min-width: 991px)': {
margin: '7rem auto 1.2rem',
},
},
goHome: {
display: 'block',
marginBottom: '10rem',
textAlign: 'center',
},
}
@Radium
export default class NotFound extends Component {
render() {
return (
<div>
<h1 style={styles.text}>404: Page Not Found</h1>
<Link to='/' style={styles.goHome}>
Take me home!
</Link>
</div>
)
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment