From 3ce3a6e8950ba223323c47c069ced5edccfd889e Mon Sep 17 00:00:00 2001
From: Cameron Cordes <cameronc.dev@gmail.com>
Date: Wed, 15 Apr 2020 15:03:57 -0400
Subject: [PATCH 1/3] Adding some spaces lets the years break

This fixes the overrun that happens on mobile devices.
---
 src/app/resume/resume.component.html | 11 +++++------
 1 file changed, 5 insertions(+), 6 deletions(-)

diff --git a/src/app/resume/resume.component.html b/src/app/resume/resume.component.html
index f1c8972..c279bf1 100644
--- a/src/app/resume/resume.component.html
+++ b/src/app/resume/resume.component.html
@@ -30,7 +30,7 @@
     </div>
     <div class="row mx-auto my-1">
       <div class="col-2 text-center">
-        <span>2012-2015</span>
+        <span>2012 - 2015</span>
       </div>
       <div class="col">
         <span><strong>Computer Science.</strong> Baldwin Wallace University</span><br>
@@ -44,7 +44,7 @@
     </div>
     <div class="row mx-auto my-1">
       <div class="col-2 text-center">
-        <span>2018-Present</span>
+        <span>2018 - Present</span>
       </div>
       <div class="col">
         <span><strong>IT Apps Programmer Senior.</strong> Progressive Insurance, Mayfield Heights, OH.</span>
@@ -56,8 +56,7 @@
     </div>
     <div class="row mx-auto my-3">
       <div class="col-2 text-center">
-        <span>2017-2018</span><br>
-        <span>2016-2017</span>
+        <span>2016 - 2018</span><br>
       </div>
       <div class="col-10 col-xl-8">
         <span><strong>Developer II.</strong> Hyland Software, Westlake, OH.</span><br>
@@ -72,7 +71,7 @@
     </div>
     <div class="row mx-auto my-3">
       <div class="col-2 text-center">
-        <span>May-Aug 2015</span>
+        <span>May - Aug 2015</span>
       </div>
       <div class="col-10 col-xl-8">
         <span><strong>IT Intern.</strong> Parker Hannifin, Elyria, OH.</span>
@@ -84,7 +83,7 @@
     </div>
     <div class="row mx-auto my-3">
       <div class="col-2 text-center">
-        <span>Jan-May 2015</span>
+        <span>Jan - May 2015</span>
       </div>
       <div class="col-10 col-xl-8">
         <span><strong>Mobile Application Developer.</strong> OEConnection, Richfield, OH.</span>

From 3f57e15aeb83753d7dad40b3432783984394a57c Mon Sep 17 00:00:00 2001
From: Cameron Cordes <cameronc.dev@gmail.com>
Date: Wed, 15 Apr 2020 15:36:11 -0400
Subject: [PATCH 2/3] Add horizontal padding

---
 src/app/resume/resume.component.html | 8 ++------
 1 file changed, 2 insertions(+), 6 deletions(-)

diff --git a/src/app/resume/resume.component.html b/src/app/resume/resume.component.html
index c279bf1..55e3a68 100644
--- a/src/app/resume/resume.component.html
+++ b/src/app/resume/resume.component.html
@@ -1,5 +1,5 @@
 <div class="row h-100">
-  <div class="col-12 col-xl-3 col-lg-4 col-md-4 col-sm-12 dark-bg text-center p-0">
+  <div class="col-12 col-xl-3 col-lg-4 col-md-4 col-sm-12 dark-bg text-center px-3">
     <h2 class="mt-3 px-2">Cameron Cordes</h2>
     <p class="tc-1">Android | iOS | Web</p>
     <img src="../../assets/cameron-headshot.jpg" class="w-75 shadow rounded" alt="headshot photo">
@@ -15,11 +15,7 @@
 
     <h3 class="tc-1">Tools</h3>
     <p>
-      IntelliJ/Android Studio<br>
-      XCode<br>
-      Vim<br>
-      Git<br>
-      TFS<br>
+      IntelliJ/Android Studio, XCode, Vim, Git, TFS
     </p>
   </div>
   <div class="col light-bg">

From 1f76bea667aed9b8f6563ee9b1eeba22e0266dd2 Mon Sep 17 00:00:00 2001
From: Cameron Cordes <cameronc.dev@gmail.com>
Date: Wed, 15 Apr 2020 15:53:01 -0400
Subject: [PATCH 3/3] Improve Home headshot photo sizing

Use columns instead of a percent, which has better breaks in mobile and
desktop layouts.
---
 src/app/home/home.component.html | 9 +++++----
 1 file changed, 5 insertions(+), 4 deletions(-)

diff --git a/src/app/home/home.component.html b/src/app/home/home.component.html
index d79abbb..8b3414e 100644
--- a/src/app/home/home.component.html
+++ b/src/app/home/home.component.html
@@ -1,9 +1,10 @@
 <div class="row h-100 dark-bg">
-  <!-- <div class="d-relative"> -->
-  <!--   <img src="../../assets/CubeSpace.jpg" class="image" alt="background"> -->
-  <!-- </div> -->
   <div class="col col-xl-9 col-lg-12 col-md-12 mx-auto text-center">
-    <img src="../../assets/cameron-headshot.jpg" class="w-50 my-3" alt="headshot photo">
+    <div class="row">
+      <div class="col-md-6 col-12 mx-auto">
+        <img src="assets/cameron-headshot.jpg" class="mw-100 my-3 rounded" alt="headshot photo">
+      </div>
+    </div>
     <h1 class="overlay-text">Cameron Cordes</h1>
     <div class="row text-center">
       <div class="col-12 col-md-8 col-sm-12 mx-auto">