mobile adjustments

nick-zanetti · Jul 8, 2020 · b63fd8e · b63fd8e
1 parent 3ae8202
commit b63fd8e
Show file tree

Hide file tree

Showing 2 changed files with 19 additions and 2 deletions.
diff --git a/index.html b/index.html
@@ -34,7 +34,7 @@ <h1>Hi. I'm a web developer based in Washington, D.C.</h1>
   </div>
 
   <div class="picture">
-    <img src="./pictures/skyline-fixed-2.png" class="heading-pic" style="max-width: 75%; max-height: 75%;">
+    <img src="./pictures/skyline-fixed-2.png" class="heading-pic">
   </div>
 
   <div class="skills-wrapper" id="skills-wrapper">

diff --git a/styles.css b/styles.css
@@ -80,6 +80,11 @@ a {
   margin: 150px auto 
 }
 
+.heading-pic{
+  max-width: 75%;
+  max-height: 75%;
+}
+
 .skills-wrapper{
   display: grid;
   grid-template-columns: 30% 70%;
@@ -240,6 +245,18 @@ a {
     font-size: 1.5em;
   }
 
-
+  .heading-pic{
+    height: 100%;
+    width: 100%;
+    object-fit: contain;
+
+  }
+
+  .picture {
+    display: flex;
+    justify-content: center;
+    height: 250px;
+    margin: 50px auto 
+  }
 
 }