import React from 'react';

import '../../scss/_hero.scss';


class Home extends React.Component {
	render() {
		return (
			<main className='hero' style={{height: '200%', width: '100%'}}>
				<div className='hero image' style={{height: '200%', width: '100%'}}></div>
				<div className='title text padding'>
					The Amazing G<span className='em'>Race</span>
				</div>
				<div className='date text padding'>
					7th December, 2017
				</div>
					Registration opens
				<div className='registration text padding'>
					<br/>
					<span className='em'>Monday 18th September, 2017</span>
				</div>
			</main>
		);
	}
}


export default Home;

import React from 'react';

import '../../scss/_hero.scss';


class Home extends React.Component {
	render() {
		return (
			<main className='hero' style={{height: '200%', width: '100%'}}>
				<div className='hero image' style={{height: '200%', width: '100%'}}></div>
				<div className='title text padding'>
					The Amazing G<span className='em'>Race</span>
				</div>
				<div className='date text padding'>
					7th December, 2017
				</div>
				<div className='registration text padding'>
					Registration opens
					<br/>
					<span className='em'>Monday 18th September, 2017</span>
				</div>
			</main>
		);
	}
}


export default Home;

Fix registration text in the wrong position
[FIX] Fix registration text in the wrong position
