scaled down image sizes

nick-zanetti · Jan 4, 2022 · 48444c3 · 48444c3
1 parent 4765d5f
commit 48444c3
Show file tree

Hide file tree

Showing 6 changed files with 5 additions and 3 deletions.
diff --git a/.DS_Store b/.DS_Store
diff --git a/index.html b/index.html
@@ -99,7 +99,7 @@ <h1 id="projects-title" class="projects__title">Projects</h1>
   <article class="project__item">
     <div>
       <h4 class="project__item__title">Giovanni's Restaurant</h4> 
-      <a href="https://giovannis.netlify.app/" target="_blank"><img src="./pictures//giovannis-2.png" class="images"></a>
+      <a href="https://giovannis.netlify.app/" target="_blank"><img src="./pictures//giovannis-scaled.png" class="images"></a>
       <span><img src="./pictures/iconfinder_React.js_logo_1174949.png" style="width:40px; height:40px;"></span>
       <span class="devicons devicons-javascript" style="font-size: 2.5em; width: auto;"></span>
       <span class="devicons devicons-bootstrap" style="font-size: 2.5em; width: auto;"></span>
@@ -114,7 +114,7 @@ <h4 class="project__item__title">Giovanni's Restaurant</h4>
   <article class="project__item">
     <div>
       <h4 class="project__item__title">Industry Money</h4> 
-      <a href="https://nick-zanetti.github.io/industry-contributions/" target="_blank"><img src="./pictures/industry-monitor-new.png" class="images"></a>
+      <a href="https://nick-zanetti.github.io/industry-contributions/" target="_blank"><img src="./pictures/industry-contribs-scaled.png" class="images"></a>
       <span><img src="./pictures/iconfinder_React.js_logo_1174949.png" style="width:40px; height:40px;"></span>
       <span class="devicons devicons-javascript" style="font-size: 2.5em; width: auto;"></span>
       <span class="devicons devicons-css3" style="font-size: 2.5em; width: auto;"></span>
@@ -129,7 +129,7 @@ <h4 class="project__item__title">Industry Money</h4>
   <article class="project__item">
     <div>
       <h4 class="project__item__title">Most Played</h4> 
-      <a href="https://most-played.herokuapp.com/" target="_blank"><img src="./pictures/most-played-monitor.png" class="images"></a>
+      <a href="https://most-played.herokuapp.com/" target="_blank"><img src="./pictures/spotify-scaled.png" class="images"></a>
       <span><img src="./pictures/iconfinder_React.js_logo_1174949.png" style="width:40px; height:40px;"></span>
       <span class="devicons devicons-javascript" style="font-size: 2.5em; width: auto;"></span>
       <span class="devicons devicons-css3" style="font-size: 2.5em; width: auto;"></span>

diff --git a/pictures/giovannis-scaled.png b/pictures/giovannis-scaled.png
diff --git a/pictures/industry-contribs-scaled.png b/pictures/industry-contribs-scaled.png
diff --git a/pictures/spotify-scaled.png b/pictures/spotify-scaled.png
diff --git a/styles.css b/styles.css
@@ -26,6 +26,8 @@ ul {
 
 
 .images {
+  width: 540px;
+  height: auto;
   max-width: 95%;
   max-height: 95%;