import React, { Component } from 'react';
import logo from './logo.svg';
import './Home.css';

class Home extends Component {
  render() {
    return (
      <section className="Home">
        <div className="Home-header">
          <img src={logo} className="Home-logo" alt="logo" />
          <h2>Welcome to React</h2>
        </div>
        <div className="Home-intro container">
          <p>
            The purpose of this site is for me to learn a few technologies and then showcase them.
          </p>
          <h3>Technologies</h3>
          <p>______________</p>
          <h4>build: create-react-app</h4>
          <p>This app was built with the create-react-app build process</p>
          <p>It features routing, which has been possible without using <code>eject</code>.</p>
          <p>______________</p>
          <h4>style: Milligram</h4>
          <p>This app was styled using Milligram.
            It is a CSS framework designed to be a minimal starting point.
            It includes a bunch of css resets as well as default styles for various components.
            Most importantly, it is only 2kB when gzipped.</p>
          </div>
      </section>
    )
  }
}

export default Home;

@@ -652,16 +652,22 @@
 ith the 
+%3Ccode%3E
 create-r
@@ -674,16 +674,23 @@
 eact-app
+%3C/code%3E
  build p
@@ -695,16 +695,17 @@
  process
+.
 %3C/p%3E%0A   
@@ -718,34 +718,26 @@
  %3Cp%3E
-It features routing, which
+Everything you see
  has

tweak front-page wording