Update headshot

tmikeschu · Jan 25, 2020 · 8200210 · 8200210
1 parent 479ee0b
commit 8200210
Show file tree

Hide file tree

Showing 3 changed files with 16 additions and 4 deletions.
diff --git a/public/headshot.jpg b/public/headshot.jpg
diff --git a/src/components/Headshot/index.js b/src/components/Headshot/index.js
@@ -3,7 +3,9 @@ import "./styles.css"
 
 const Headshot = () => (
   <div className="Headshot">
-    <img src="headshot.jpg" alt="profile" />
+    <div>
+      <img src="headshot.jpg" alt="profile" />
+    </div>
   </div>
 )
 

diff --git a/src/components/Headshot/styles.css b/src/components/Headshot/styles.css
@@ -5,8 +5,18 @@
   padding: 1rem;
 }
 
-.Headshot img {
-  max-width: 100%;
+.Headshot > div {
+  width: 100%;
+  height: 100%;
+  max-width: 1000px;
+  max-height: 1000px;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  overflow: hidden;
+}
+
+.Headshot > div > img {
+  width: 100%;
   max-height: 100%;
-  border-radius: 50%;
 }