minor edits on margins and text content

Author: nitrotap

README.md

@@ -1,27 +1,30 @@
+# react-folio
 
-# react-folio   
-## Description   
-My personal portfolio made with React.  
+## Description
 
-[Deployed](https://nitrotap.github.io/react-folio/)   
+My personal portfolio made with React.
 
-![badmath](https://img.shields.io/github/languages/top/nitrotap/react-folio)   
+[Deployed](https://nitrotap.github.io/react-folio/)
 
+![badmath](https://img.shields.io/github/languages/top/nitrotap/react-folio)  
+![badmath](https://img.shields.io/github/issues/nitrotap/react-folio)
+![badmath](https://img.shields.io/github/forks/nitrotap/react-folio)  
+![badmath](https://img.shields.io/github/stars/nitrotap/react-folio)
 
-## Table of Contents   
-* [Screen Shot](#Screen-Shot)
-* [Questions](#Questions)    
-* [License](#License)   
+## Table of Contents
+
+- [Screen Shot](#Screen-Shot)
+- [Questions](#Questions)
+- [License](#License)
 
 ## Screen-Shot
-<img src="ss.png" width="50%" height="50%">
 
+<img src="ss.png" width="50%" height="50%">
 
-## Questions   
+## Questions
 
-Please reach out to me on [GitHub](https://github.com/nitrotap) or by email at [email protected] for any additional questions.   
+Please reach out to me on [GitHub](https://github.com/nitrotap) or by email at [email protected] for any additional questions.
 
-## License   
-None   
- 
+## License
 
+None

src/components/About/index.js

@@ -3,7 +3,7 @@ import kjImg from '../../assets/images/kj-img.jpg'
 
 function About() {
     return (
-        <div style={{ marginTop: 15, padding: 10 }}>
+        <div style={{ marginTop: 15, padding: 10, marginBottom: 15 }}>
             <section id="about" className="row valign-wrapper">
                 <div className='card' style={{ backgroundColor: '#14213d' }}>
                     <div className="col s12 m4">

src/components/Contact/index.js

@@ -6,7 +6,7 @@ import lILogo from '../../assets/images/LI-Logo.png'
 function Contact() {
 
     return (
-        <section className="container" style={{ backgroundColor: '#14213d', padding: 10, marginTop: 15 }}>
+        <section className="container" style={{ backgroundColor: '#14213d', padding: 10, marginTop: 15, marginBottom: 15 }}>
             <h4 className="center-align">Contact Info</h4>
             <div className='row'>
                 <div className="col s12 center-align">
@@ -21,7 +21,7 @@ function Contact() {
                 </div>
                 <div className="col s12 center-align">
                     <div className='card blue-grey'>
-                        <p className='card-title '>Message me on GitHub</p>
+                        <p className='card-title '>Find me on GitHub</p>
                         <button type="button">
                             <a href="https://github.com/nitrotap" target="_blank" rel="noreferrer">
                                 <img src={gitHubLogo} width="150px" className='white' alt="Find me on Github" />

src/components/Portfolio/index.js

@@ -69,7 +69,7 @@ function Portfolio() {
     const projectHandler = (projectList) => {
         // dynamically generate multiple JSX fragments to put together
         return (
-            <div style={{ padding: 10, marginTop: 15, backgroundColor: '#14213d' }}>
+            <div style={{ padding: 10, marginTop: 15, backgroundColor: '#14213d', marginBottom: 15 }}>
                 <h3 className="center-align">
                     Portfolio
                 </h3>

src/components/Resume/index.js

@@ -3,7 +3,7 @@ import React from 'react';
 function Resume() {
 
     return (
-        <div className="container" style={{ padding: 10, backgroundColor: '#14213d', marginTop: 15 }}>
+        <div className="container" style={{ padding: 10, backgroundColor: '#14213d', marginTop: 15, marginBottom: 15 }}>
             <h4 className="center-align">
                 Resume
             </h4>