made images on mobile devices slightly larger

BilalM04 · May 2, 2024 · cb723c2 · cb723c2
1 parent cfabcb6
commit cb723c2
Show file tree

Hide file tree

Showing 12 changed files with 13 additions and 13 deletions.
diff --git a/project-details/blackjack-details.html b/project-details/blackjack-details.html
@@ -64,7 +64,7 @@ <h2 class="portfolio-title" style="text-align: center;">Blackjack</h2>
 
                   @media only screen and (max-width: 500px) {
                     .swiper {
-                      width: 80%;
+                      width: 85%;
                     }
                   }
                 </style>

diff --git a/project-details/combination-lock-details.html b/project-details/combination-lock-details.html
@@ -56,7 +56,7 @@ <h2 class="portfolio-title" style="text-align: center;">Combination Lock FSM</h2
 
                   @media only screen and (max-width: 500px) {
                     .swiper {
-                      width: 80%;
+                      width: 85%;
                     }
                   }
                 </style>

diff --git a/project-details/crashed-details.html b/project-details/crashed-details.html
@@ -68,7 +68,7 @@ <h2 class="portfolio-title" style="text-align: center;">CRASHED!</h2>
 
                   @media only screen and (max-width: 500px) {
                     .swiper {
-                      width: 80%;
+                      width: 85%;
                     }
                   }
                 </style>

diff --git a/project-details/frogger-details.html b/project-details/frogger-details.html
@@ -61,7 +61,7 @@ <h2 class="portfolio-title" style="text-align: center;">Frogger</h2>
 
                   @media only screen and (max-width: 500px) {
                     .swiper {
-                      width: 80%;
+                      width: 85%;
                     }
                   }
                 </style>

diff --git a/project-details/get-a-grip-details.html b/project-details/get-a-grip-details.html
@@ -57,11 +57,11 @@ <h2 class="portfolio-title" style="text-align: center;">Get a Grip</h2>
 
                   @media only screen and (max-width: 500px) {
                     .swiper {
-                      width: 80%;
+                      width: 85%;
                     }
                   }
                 </style>
-                
+
               </div>
               <div class="swiper-pagination"></div>
             </div>

diff --git a/project-details/jailbreak-details.html b/project-details/jailbreak-details.html
@@ -69,7 +69,7 @@ <h2 class="portfolio-title" style="text-align: center;">Jailbreak!</h2>
 
                     @media only screen and (max-width: 500px) {
                       .swiper {
-                        width: 80%;
+                        width: 85%;
                       }
                     }
                   </style>

diff --git a/project-details/maze-runner-details.html b/project-details/maze-runner-details.html
@@ -57,7 +57,7 @@ <h2 class="portfolio-title" style="text-align: center;">Maze Runner</h2>
 
                   @media only screen and (max-width: 500px) {
                     .swiper {
-                      width: 80%;
+                      width: 85%;
                     }
                   }
                 </style>

diff --git a/project-details/password-details.html b/project-details/password-details.html
@@ -57,7 +57,7 @@ <h2 class="portfolio-title" style="text-align: center;">Password Resilience Anal
 
                   @media only screen and (max-width: 500px) {
                     .swiper {
-                      width: 80%;
+                      width: 85%;
                     }
                   }
                 </style>

diff --git a/project-details/personal-portfolio-details.html b/project-details/personal-portfolio-details.html
@@ -69,7 +69,7 @@ <h2 class="portfolio-title" style="text-align: center;">Personal Website</h2>
 
                   @media only screen and (max-width: 500px) {
                     .swiper {
-                      width: 80%;
+                      width: 85%;
                     }
                   }
                 </style>

diff --git a/project-details/recipe-finder-details.html b/project-details/recipe-finder-details.html
@@ -69,7 +69,7 @@ <h2 class="portfolio-title" style="text-align: center;">Recipe Finder</h2>
 
                   @media only screen and (max-width: 500px) {
                     .swiper {
-                      width: 80%;
+                      width: 85%;
                     }
                   }
                 </style>

diff --git a/project-details/recycling-details.html b/project-details/recycling-details.html
@@ -69,7 +69,7 @@ <h2 class="portfolio-title" style="text-align: center;">Recycling System</h2>
 
                   @media only screen and (max-width: 500px) {
                     .swiper {
-                      width: 80%;
+                      width: 85%;
                     }
                   }
                 </style>

diff --git a/project-details/rescue-mission-details.html b/project-details/rescue-mission-details.html
@@ -61,7 +61,7 @@ <h2 class="portfolio-title" style="text-align: center;">Rescue Mission</h2>
 
                   @media only screen and (max-width: 500px) {
                     .swiper {
-                      width: 80%;
+                      width: 85%;
                     }
                   }
                 </style>