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] 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">